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内 容 简 介 
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由 于 Internet 采用 超 文 本 和 超 媒体 的 组 合 方式 将 信息 的 链接 扩展 到 整个 Intemet 上 ， 使 
得 人 们 足 不 出 户 通过 浏览 器 就 能 够 访问 到 Internet 上 丰富 多 彩 的 网 络 资源 ,而 Web 就 是 一 种 
超 文本 信息 系统 ， 它 使 文本 不 再 固定 在 某 一 个 位 置 ， 而 是 可 以 从 一 个 位 置 跳 到 另外 的 位 置 。 
本 书 介绍 了 Web 实用 技术 ， 其 内 容 主 要 包括 Web 技术 概述 、Web 页 面 的 基础 知识 (HTML 
和 XML)、 网 页 制作 工具 (Dreamweaver CS4) 的 操作 方法 、JavaScript 脚本 在 Web 页 面 中 
的 应 用 、 运 用 APS.NET 技术 、JSP 技术 在 服务 端 开发 应 用 程序 等 。 

本 书 适合 学 过 面向 对 象 程序 设计 的 读者 使 用 。 因 为 无 论 是 客户 端 程序 设计 〈JavaScript 
脚本 语言 )， 还 是 服务 器 端 程序 设计 (ASP、JSP)， 都 是 采用 面向 对 象 程序 设计 方法 进行 设 
计 的 ， 其 目的 是 使 读者 学 会 使 用 类 编程 ， 领 会 面向 对 象 程序 设计 的 优势 ， 进 而 牢固 掌握 面 
向 对 象 程序 设计 的 各 种 方法 。 

本 教材 的 特点 如 下 : 

1. 组 织 结构 新 颖 


本 书 首先 介绍 Web 的 相关 概念 、Web 服务 、Web 数据 库 、ASPNET 技术 、JSP 技术 、 
Ajax 技术 、 语 义 Web 服务 技术 、Web3D 技术 等 ， 使 读者 首先 对 Web 开发 技术 有 比较 系统 、 
全 面 的 了 解 和 认识 ， 并 对 Web 技术 产生 兴趣 。 


2. 突出 Java 面向 对 象 设 计 


全 书 紧 紧 围绕 与 Java 面向 对 象 相关 的 理论 知识 由 浅 入 深 地 展开 ， 由 JavaScript 脚本 语 
言 、Java 基础 介绍 ， 过 渡 到 JSP 编程 ， 突 显 JSP 服务 器 端 程序 的 设计 方法 ， 重 点 介绍 JSP 
的 概况 、JDK 的 获取 和 安装 、Tomcat 服务 器 的 下 载 和 配置 、JSP 开发 环境 Eclipse 的 配置 、 
JSP 的 基础 知识 、JSP 的 内 置 对 象 、4 种 JDBC 驱动 程序 (分别 为 JDBC-ODBC Bridge、 
JDBC-NativeAPI Bridge、JDBC-middleware 和 PureJDBC-Driver)、 DriverManager 类 方法 、 
使 用 JDBC 连接 4 种 数据 库 的 方法 、 用 JavaBean 封装 服务 器 数据 库 等 内 容 ， 最 后 用 一 个 会 
员 管 理 系 统 作 为 范例 ， 详 细 介 绍 如 何在 Eclipse 环境 下 编写 JSP 动态 网 页 。 


3. 示例 通俗 易 懂 

书 中 所 举 示例 实用 、 易 理解 、 易 掌握 ， 均 已 通过 上 机 调试 、 运 行 。 

本 书 由 河南 工业 大 学 信息 科学 与 工程 学 院 刘 於 勋 主编 ， 韩 璐 、 胡 江 汇 、 苏 小 玲 为 副 主 
编 。 参 与 编写 的 还 有 高 山 和 孙 宜 贵 等 。 其 中 第 1、5 章 由 刘 於 勋 编写 ,第 2 章 由 苏 小 玲 编写 ， 
第 3 章 由 韩 璐 编写 ， 第 4 章 由 高 山 编写 ， 第 6 章 由 孙 宜 贵 编写 ， 第 7 章 由 胡 江 汇编 写 。 全 
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第 1 章 Web 概述 


当前 ，Intemet 已 渗入 到 人 们 生活 中 的 各 个 领域 ， 如 网 上 学 习 、 办 公 、 购 物 、 聊 天 、 玩 
游戏 、 看 电视 、 娱 乐 、 发 布 信息 、 检 索 信 息 等 ， 它 正 改变 着 人 们 的 工作 、 生 活 及 学 习 方式 。 
因此 , 了解 mtemet 所 提供 的 Web 服务 和 技术 对 于 使 用 者 来 说 是 非常 有 必要 的 。 本章 将 重点 
介绍 Web 概念 、Web 工作 原理 、Web 服务 、Web 技术 及 其 发 展 趋 势 。 


1.1 Web 概念 


Web 是 World Wide Web〈 环 球 信息 网 ) 的 简称 ， 中 文 意思 是 “万 维 网 ” 它 起 源 于 1989 
年 3 月 ， 由 欧洲 粒子 物理 实验 室 CERN (the European Laboratory for Particle Physics) 所 发 
展 出 来 的 主 从 结构 分 布 式 超 媒 体系 统 。 人 们 通过 访问 Web 服务 器 ， 就 可 以 很 迅速 、 方 便 地 
访问 到 所 需要 的 信息 资料 。 由 于 用 户 在 使 用 Web 浏览 器 访问 信息 资源 的 过 程 中 ， 无 须 关 心 
技术 性 的 细节 ， 就 可 以 得 到 想 要 的 信息 ， 所 以 ，Web 一 经 推出 ， 就 备 受 人 们 的 关注 ， 并 得 到 
了 迅速 、 攻 勃 的 发 展 。Web 是 一 种 体系 结构 ， 通 过 它 可 以 访问 分 布 于 Intemet 主机 上 的 链接 
文档 ， 它 有 多 层 含义 ，Web 是 Internet 提供 的 一 种 服务 ;是 存储 在 Internet 网 络 中 数量 巨大 
的 文档 的 集合 ， 是 由 彼此 关联 的 文档 组 成 的 海量 信息 源 ， 这 些 文档 称 为 主页 或 页 面 ，Web 
的 内 容 保存 在 Web 站 点 中 ， 用 户 可 以 通过 浏览 器 访问 Web 站点。 那么 Web 的 定义 是 什 
么 呢 ? 


1.1.1 Web 定义 


Web 是 英国 人 Tim Bemers-Lee 于 1989 年 在 欧洲 共同 体 的 一 个 大 型 科研 机 构 任 职 时 发 明 
的 。 互 联网 上 的 资源 可 以 在 一 个 网 页 中 比较 直观 地 表示 出 来 ， 网 络 资源 之 间 在 网 页 上 可 以 
相互 链接 。Web 就 是 一 种 超 文本 信息 系统 ， 它 使 得 文本 可 以 从 一 个 位 置 跳 到 另外 的 位 置 。 
如 果 想 了 解 某 一 个 主题 的 内 容 ， 只 要 在 这 个 主题 上 单 击 一 下 ， 就 可 以 跳 转 到 包含 这 一 主题 
的 文档 中 。 


1.1.2 ”Web 的 五 要 素 


构成 Web 的 5 个 要 素 分 别 为 URL、HTTP、HTML、Web 浏览 器 和 Web 服务 器 。 下 面 
分 别 介绍 这 5 个 要 素 的 具体 含义 。 


外 
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URL 


URL (Universal Resource Locator) 是 统一 资源 定位 器 。 它 是 方案 集 ， 包 含 如 何 访问 
Internet 上 的 资源 的 明确 指令 。 另 外 ，URL 是 统一 的 ， 无 论 寻找 哪 种 特定 类 型 的 资源 (如 音 
乐 、 邮 件 、 文 件 、 新 闻 等 ) 或 描述 通过 哪 种 机 制 获取 网 络 资源 ， 都 采用 相似 的 URL 格式 。 

URL 格式 为 : 

protocol:// hostname[:port] / path / [;parameters][?query] 


其 中 ， 方 括号 〈[]) 中 的 为 可 选项 ， 其 中 的 参数 解释 如 下 。 


2: 


protocol://: 通信 协议 方案 。 常 用 协议 有 如 下 几 种 形式 。 

file:/: 指 本 地 计算 机 上 的 文件 。 

ftp://: 指 通过 FTP 协议 访问 FTP 服务 器 上 的 资源 。 

http:/: 指 通过 HTTP 协议 访问 网 站 资源 。 

https://: 指 通过 HTTPS 安全 协议 访问 网 站 资源 。 

mms://: 指 通 过 MMS 协议 访问 Windows Media 发 布点 上 的 单 播 内 容 。 

ed2k://: 指 通过 支持 ED2K 协议 的 P2P 软件 访问 网 络 资源 。 

hostname: DNS〈 域 名 系统 ) 中 的 主机 名 及 其 IP 地 址 。 

:port: 端口 号 (整数 ， 可 选 )， 省 略 时 使 用 协议 的 默认 端口 ， 如 ftp 协议 的 默认 端 
口 为 21。 

path: 路 径 ， 由 零 或 多 个 “/” 符 号 隔 开 的 字符 串 ， 一 般 用 来 表示 主机 上 的 一 个 目 
录 或 文件 位 置 。 

;parameters: 用 于 指定 特殊 参数 (可 选 )。 

?query: 查询 〈 可 选 )， 用 于 给 动态 网 页 (如 使 用 CGIL、ISAPI、PHP、JSP、ASP、 
ASPNET 等 技术 制作 的 网 页 ) 传递 参数 ， 如 果 有 多 个 参数 ， 用 “& ”符号 隔 开 ， 

每 个 参数 的 名 和 值 用 “=” 符 号 隔 开 。 


HTTP 


ul 


HTTP (Hypertext Transfer Protocol) 是 超 文 本 传输 协议 ， 是 用 于 从 Web 服务 器 传输 超 
文本 到 本 地 浏览 器 的 传送 协议 。 它 不 仅 保证 计算 机 正确 、 快 速 地 传输 超 文本 文档 ， 还 确定 
传输 文档 中 的 哪 一 部 分 ， 以 及 哪 一 部 分 内 容 首先 显示 《如 文本 先 于 图 形 ) 等 。 


3. 


HTML 


HTML (Hypertext Markup Language) 是 超 文 本 标记 语言 ， 它 之 所 以 称 为 超 文本 标记 语 
言 ， 是 因为 文本 中 包含 了 “ 超 链接 ”点 。 所 谓 超 链接 ， 就 是 一 种 URL 指针 ， 通 过 单 击 它 ， 
浏览 器 可 以 方便 地 获取 新 的 网 页 。HTML 是 一 种 标准 ， 它 通过 标记 符号 来 标记 要 显示 的 网 页 
中 的 各 个 部 分 。 网 页 文件 本 身 是 一 种 文本 文件 ,通过 在 文本 文件 中 添加 标记 符 , 可 以 告诉 浏 
览 嚣 如何 显示 其 中 的 内 容 ( 如 文字 如 何 处 理 、 画 面 如 何 安排 、 图 片 如 何 显 示 等 )。 浏 览 器 按 
顺序 阅读 网 页 文件 ， 然 后 根据 标记 符 解 释 和 显示 其 标记 的 内 容 ， 对 书写 出 错 的 标记 不 指出 
其 错误 ， 且 不 停止 其 解释 执行 过 程 ， 编 制 者 只 能 通过 显示 效果 来 分 析出 错 原 因 和 出 错 部 位 。 
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但 需要 注意 的 是 ， 对 于 不 同 的 浏览 器 ， 对 同一 标记 符 可 能 会 有 不 完全 相同 的 解释 ， 因 而 可 
能 会 有 不 同 的 显示 效果 ， 由 此 可 见 ， 网 页 的 本 质 就 是 HTML， 通 过 结合 使 用 其 他 的 Web 技 
术 《〈 如 脚本 语言 、CGI、ASP、JSP 等 )， 可 以 创造 出 功能 强大 的 动态 网 页 。 因 而 ，HTML 
是 Web 编程 的 基础 ， 也 可 以 说 万 维 网 是 建立 在 超 文本 基础 之 上 的 信息 网 络 。 


4. Web 浏览 


Web 浏览 器 (Web Browser) 实际 上 是 一 个 软件 程序 ， 用 于 与 Web 服务 器 建立 连接 ， 并 

与 之 进行 通信 。 它 可 以 通过 访问 DNS 系统 中 的 主机 名 确定 信息 资源 的 位 置 ， 并 将 用 户 感 兴 

趣 的 信息 资源 返回 到 浏览 器 中 的 网 页 里 ， 对 HTML 文件 进行 解释 ， 然 后 将 文字 图 像 或 者 多 

媒体 信息 还 原 出 来 。 目前 , 国内 外 常用 的 浏览 器 为 下 (Internet Explorer 微软 )、NN (Netscape 

Navigator 网 景 )Mosaic( 美 国 伊利 诺 州 的 伊利 诺 大 学 的 NCSA 组 织 )、Opera(Opera Software 

ASA 公司 )、Chrome (谷歌 )、Safari (苹果)、Firefox (火狐 浏览 器 )、TT (腾讯 )、Maxthon 
〈 遂 游 ) 和 360 安全 等 。 


5. Web 服务 器 


Web 服务 器 (Web Server) 指 驻 留 在 Internet 上 的 某 种 类 型 的 计算 机 程序 ， 它 可 以 解析 
HTTP 协议 。 当 Web 服务 器 接收 到 一 个 HTTP 请 求 (Request) 时 ， 会 返回 一 个 HTTP 响应 
(Response)。 为 了 处 理 一 个 请 求 (Request)，Web 服务 器 可 以 响应 (Response) 一 个 静态 
页 面 或 图 片 ， 进 行 页 面 跳 转 〈Redirect)， 或 者 把 动态 响应 (Dynamic Response) 的 产生 委托 
(Delegate) 给 一 些 其 他 的 程序 ， 如 CGI 脚本 、JSP (Java Server Pages) 脚本 、Servlet、ASP 
(Active Server Pages) 脚本 ， 无 论 这 些 脚 本 的 目的 如 何 ， 服 务 器 端的 程序 通常 产生 一 个 
HTML 的 响应 〈Response) 来 让 浏览 器 可 以 浏览 。Tomcat、NCSAhttpd 和 Apache 服务 器 是 
基于 UNIX 和 Linux 平台 的 ， 而 IIS 是 基于 Windows 平台 的 浏览 器 。 下 面 简要 介绍 这 几 种 
Web 服务 器 。 
(1) Microsoft IIS 
IIS (Internet Information Server) 是 Microsoft 的 Web 应 用 程序 服务 器 产品 ， 它 允许 在 
公共 Intranet 或 Internet 上 发 布 信息 。IIS 是 目前 最 流行 的 Web 服务 器 产品 之 一 ， 很 多 著名 
的 网 站 都 建立 在 IIS 的 平台 上 。IIS 提供 了 Internet 服务 管理 器 , 它 是 基于 图 形 界面 的 管理 工 
具 ， 主 要 可 用 于 监视 配置 和 控制 Internet 服务 。 
IIS 是 一 种 Web 服务 组 件 ， 提 供 Web 服务 器 、FTP 服务 器 、NNTP 服务 器 和 SMTP 服 
务 器 等 多 种 功能 ， 主 要 用 于 浏览 网 页 、 传 输 文件 、 新 闻 服 务 和 发 送 邮件 。 通 过 IIS 服务 器 可 
以 很 容易 地 在 Internet 或 Intranet 上 发 布 信息 。 
(2) IBM WebSphere 
IBM WebSphere 是 一 种 功能 完善 、 开 放 的 Web 应 用 程序 服务 器 ， 它 基于 Java 的 应 用 环 
境 , 用 于 建立 、 部 署 和 管理 Internet 和 Intranet Web 应 用 程序 。WebSphere 服务 器 针对 以 Web 
为 中 心 的 开发 人 员 ， 支 持 HTTP 协议 和 动态 网 页 编程 技术 。IBM 为 用 户 从 简单 的 Web 应 用 
程序 转移 到 电子 商务 世界 提供 WebSphere 产品 系列 支持 。 
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(3) BEA WebLogic 
BEA WebLogic 是 一 种 多 功能 、 基 于 Java 应 用 环境 的 Web 应 用 服务 器 ， 为 企业 构建 自 
己 的 应 用 提供 了 坚实 的 基础 。 各 种 应 用 开发 、 部 署 所 有 关键 性 的 任务 、 集 成 各 种 系统 和 数 
据 库 、 提 交 服 务 、 跨 Internet 协作 ， 起 始点 都 是 BEA WebLogic 服务 器 。BEA WebLogic 服 
务 器 在 使 应 用 服务 器 成 为 企业 应 用 架构 的 基础 方面 继续 处 于 领先 地 位 ， 为 构建 集成 化 的 企 
业 级 应 用 提供 了 稳固 的 基础 。 由 于 它 具 有 全 面 的 功能 ， 所 以 ， 基 于 Internet 的 企业 都 选择 它 
来 开发 、 部 署 最 佳 的 应 用 。 
(4) Apache 
Apache 是 一 款 使 用 最 广 的 、 基 于 UNIX、Windows、Linux 系统 平台 的 Web 应 用 服务 器 。 
它 源 于 NCSAhttpd 服务 器 ， 当 NCSA Web 服务 器 项 目 停止 后 ， 那 些 使 用 NCSA Web 服务 器 
的 人 们 开始 交换 用 此 服务 器 的 补丁 ， 这 也 是 Apache 名 称 的 由 来 (pache， 补 丁 )。 世 界 上 很 
多 著名 的 网 站 都 是 Apache 的 产物 ， 它 的 成 功 主要 在 于 它 的 源 代码 开放 、 有 一 支 开放 的 开发 
队伍 、 支 持 跨 平台 的 应 用 及 可 移植 性 等 。 
(5) Tomcat 
Tomcat 是 一 个 开放 源 代码 、 运 行 Servlet 和 JSP Web 应 用 软件 的 基于 Java 的 Web 应 用 
软件 容器 。 它 是 基于 Apache 许可 证 下 开发 的 自由 软件 ,是 Java Servlet 2.2 和 JavaServer Pages 
1.1 技术 的 标准 实现 ,是 完全 重 写 的 Servlet API 2.2 和 JSP 1.1 兼容 的 Servlet/JSP 容器 。Tomcat 
使 用 了 JServlet 的 一 些 代码 ， 特 别 是 Apache 服务 适配器 。 随 着 Catalina Servlet 引擎 的 出 现 
和 Tomcat 6.0 性 能 的 提升 , 使 它 成 为 一 个 值得 考虑 的 Servlet/JSP 容器 , 因此 , 目前 许多 Web 
服务 器 都 采用 Tomcat。 
Web 服务 器 有 3 个 主要 发 展 趋势 : 
(1) 从 HTML 到 XML (Extensible Markup Language， 可 扩展 标记 语言 ) 
HTML 作为 Web 的 开发 语言 ， 被 称 为 “第 一 代 Web 语言 ” 它 对 Web 应 用 的 发 展 起 到 
了 关键 性 的 作用 。 但 它 的 致命 缺点 是 只 适合 于 人 与 计算 机 的 交流 ， 而 不 适合 计算 机 与 计算 
机 的 交流 。HTML 通过 大 量 的 标记 来 定义 文档 内 容 的 表现 方式 ， 它 仅 描 述 了 应 如 何在 Web 
浏览 器 页 面 上 布置 文字 、 图 形 ， 而 没有 对 Internet 中 最 重要 的 信息 含义 本 身 进行 描述 。Web 
服务 器 向 Web 浏览 器 提供 的 信息 都 来 自 有 一 定 结构 的 数据 库 ， 在 数据 库 中 ， 为 了 检索 和 管 
理 的 方便 ， 信 息 按照 它 本 身 的 意义 〈 如 学 号 、 姓 名 、 班 级 、 成 绩 等 ) 被 存放 在 相应 的 字段 
里 , 一 旦 这 些 数据 被 调 出 来 ， 经 过 CGI、ASPNET、JSP、PHP 等 转换 成 HTML 后 ， 其 原来 
的 意义 无 法 转移 到 HTML 标 记 中 来 ,用 户 也 就 无 法 按照 信息 本 来 的 意义 去 阅读 ,此 外 , HTML 
还 有 一 个 问题 ， 就 是 它 的 标记 集合 是 固定 的 ， 所 以 用 户 不 能 根据 自己 的 需要 增加 标记 。 
由 于 操作 系统 以 及 数据 库 的 不 同 ， 不 同 的 系统 及 应 用 层面 之 间 要 想 互 相 理 解 对 方 的 数 
据 格式 是 相当 困难 的 ， 这 就 需要 一 种 新 技术 或 标准 ， 能 够 将 最 初 保 存在 数据 库 服 务 器 中 的 
原始 数据 结构 在 不 同 的 系统 层面 共享 ， 这 种 新 技术 就 是 XML。 
W3C 对 XML 作 了 这 样 的 描述 一 一 XML 描述 了 一 类 被 称 为 XML 文档 的 数据 对 象 ， 并 
部 分 描述 了 处 理 它们 的 计算 机 程序 的 行为 。XML 是 SGML 的 一 个 应 用 实例 。 从 结构 上 说 ， 
XML 文档 遵从 SGML 文档 标准 。 同 HTML 一 样 ，XML 也 是 一 种 基于 文本 的 标记 语言 ， 都 
是 从 SGML (Standard Generalize Markup Language， 标 准 通用 标记 语言 ) 发 展 而 来 的 ， 二 者 
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的 区 别 在 于 : XML 可 以 根据 要 表现 的 文档 ， 自 由 地 定义 标记 ， 来 表现 具有 实际 意义 的 文档 
内 容 ， 例 如 ， 可 以 定义 (文档 名 称 〉(/ 文 档 名 称 〉 这 样 具 有 实际 意义 的 标记 。 而 且 ，XML 
不 像 HTML 那样 具有 固定 的 标记 集合 ， 它 实际 上 是 一 种 定义 语言 的 语言 ， 也 就 是 说 使 用 
XML 的 用 户 可 以 定义 无 穷 的 标记 来 描述 文档 中 的 任何 数据 元 素 ， 将 文档 的 内 容 组 织 成 丰富 
的 、 完 整 的 信息 体系 。 总 而 言 之 ，XML 具有 便于 存储 的 数据 格式 、 可 扩展 性 、 高 度 结构 化 
以 及 方便 的 网 络 传输 四 大 特点 ， 这 些 特 点 为 创建 开放 、 高 效 、 可 扩展 、 个 性 化 的 Web 应 用 
提供 了 坚实 的 基础 。 

(2) 从 有 线 到 无 线 

电子 商务 正在 从 台式 机 向 着 更 为 广泛 的 无 线 设备 发 展 , Cahners In-Stat 市 场 分 析 家 预测 ， 
世界 范围 内 的 无 线 用 户 的 人 数 将 会 从 2000 年 的 2.71 亿 增 加 到 2004 年 的 13 亿 。Aberdeen 
集团 的 研究 主任 Darcy Fowkes 认为 , 采用 无 线 方式 进行 电子 商务 的 优势 并 不 仅仅 在 于 方便 ， 
它 还 可 以 节约 公司 的 财力 ， 而 且 移动 办 公 能 使 工作 更 加 高 效 。 

然而 ， 由 于 多 种 无 线 网 络 类 型 、 标 记 语 言 、 协 议和 无 线 设备 并 存 的 复杂 情况 ， 使 得 网 
络 内 容 和 数据 转换 成 能 够 被 无 线 设备 所 识别 的 格式 并 不 容易 。 目 前 ， 许 多 企业 都 在 致力 于 
开发 能 够 把 应 用 程序 以 及 互联 网 内 容 扩展 到 无 线 设备 上 的 产品 。 

例如 ，IBM 新 版 本 的 WebSphere Transcoding Publisher 3.5 增加 和 改进 了 许多 新 的 特性 ， 
可 以 将 企业 内 部 网 上 的 数据 翻译 到 多 种 无 线 设备 上 。 该 版 本 中 新 的 特性 包括 对 更 多 的 无 线 
设备 、 数 据 格式 的 支持 ， 以 及 语言 翻译 功能 。 它 基于 Java 架构 ， 能 把 用 HTML 和 XML 等 
标记 语言 编写 的 应 用 程序 和 数据 转换 成 WML、HDML (Handheld Device Markup Language) 
和 IMode 等 无 线 设备 所 能 识别 的 格式 ， 这 样 ， 通 过 手持 设备 就 可 以 访问 互联 网 上 的 信息 。 

无 线 设备 厂商 Mobilize 也 推出 了 Mobilize Commerce 产品 ,帮助 企业 进入 无 线 网 络 。 该 
软件 可 以 通过 无 线 连接 的 方式 访问 企业 的 内 部 系统 ， 远 程 地 实现 订单 发 送 ， 并 进行 确认 。 
Mobilize Commerce 可 以 充分 利用 XML 对 信息 进行 格式 转换 ， 以 适合 于 无 线 设备 ， 这 些 无 
线 设备 包括 笔记 本 电脑 、 个 人 数字 助理 、 无 线 电 话 、 网 络 电话 和 双向 寻 呼 等 。 

(3) 从 无 声 到 有 声 

世界 上 现在 有 几 十 亿 个 电话 终端 ， 有 超过 5 亿 的 移动 电话 ， 而 就 人 自身 的 交流 习惯 来 
看 ， 人 们 也 更 愿意 利用 听 和 说 的 方式 进行 交流 。 

目前 , 文本 语音 转换 器 (Text to Speech，TTS) 的 研究 工作 已 经 取得 了 很 大 的 进步 ， 实 
现 了 自动 的 语言 分 析 理解 ， 并 允许 TTS 的 使 用 者 增加 更 多 的 韵律 、 音 调 在 讲话 中 ， 使 TTS 
系统 的 发 声 更 接近 人 声 。 在 自动 语音 识别 系统 (ASR) 领域 中 ， 自 动 语 音 识别 系统 正 从 整 
个 词 的 模仿 匹配 ， 向 音素 层次 的 识别 系统 方向 发 展 。 自 动 语音 识别 系统 的 词汇 表 由 一 个 基 
于 声音 片断 的 字母 表 构 成 ， 而 且 这 种 词汇 表 是 受 不 同 语言 限制 的 。 基 于 这 种 方式 ， 在 一 个 
宽广 的 声音 行列 里 ， 讲 话 能 被 识别 系统 发 现 和 挑 拣 出 来 ， 并 加 以 识别 。 并 且 在 识别 一 个 词 
的 时 候 ， 每 一 个 音素 将 从 系统 的 输入 中 挑 拣 出 来 ， 拼 接 组 合 后 与 已 经 有 的 音素 和 词语 模板 
进行 比较 ， 来 产生 需要 的 模板 。 音 素 的 识别 大 大 减轻 了 ASR 对 讲话 者 的 依赖 性 ， 并 且 使 得 
它 可 以 非常 容易 地 建立 大 型 的 和 容易 修改 的 语音 识别 字典 ， 从 而 满足 不 同 应 用 市 场 的 需求 。 

Web 语音 发 展 的 另 一 方面 是 Voice XML (Voice Extensible Markup Language， 语 音 可 扩 
展 标 记 语 言 ) 的 进展 。Voice XML 的 主要 目标 是 要 将 Web 上 已 有 的 大 量 应 用 、 丰 富 的 内 容 ， 
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让 交互 式 语 音 界 面 也 能 够 全 部 享受 。Web 服务 器 处 理 一 个 来 自 客户 端 应 用 的 请 求 ， 这 一 请 
求 经 过 了 Voice XML 解释 程序 和 Voice XML 解释 程序 语 境 处 理 ， 作 为 响应 ， 服 务 器 产生 出 
Voice XML 文件 ， 在 回复 中 ， 要 经 过 Voice XML 解释 程序 的 处 理 。Voice XML 1.0 规范 基于 
XML， 为 语音 和 电话 应 用 的 开发 者 、 服 务 提供 商 和 设备 制造 商 提供 了 一 个 智能 化 的 API。 
Voice XML 的 标准 化 将 简化 Web 上 具有 语音 响应 服务 的 个 性 化 界面 的 创建 ， 使 人 们 能 够 通 
过 语音 和 电话 访问 网 站 上 的 信息 和 服务 ， 像 使 用 CGI 脚本 一 样 检索 中 心 数据 库 、 访 问 企业 
内 部 网 、 制 造 新 的 语音 访问 设备 。Voice XML 的 执行 平台 上 面 加 载 了 相应 的 软件 和 硬件 ， 
如 ASR、TTS， 从 而 实现 语音 的 识别 以 及 文本 和 语音 之 间 的 转化 。2000 年 5 月 23 日 W3C 
接受 了 语音 可 扩展 标记 语言 Voice XML 1.0 作为 实例 。IBM、NOKIA、Lucent、Motorola 等 
著名 厂商 都 已 经 开发 出 相应 的 支持 Voice XML 的 产品 。 


1.1.3 ”Web 特性 


Web 具有 5 个 特性 ， 下 面 分 别 进行 介绍 。 

(1) 导航 性 

导致 Web 非常 流行 的 一 个 很 重要 的 原因 是 其 非常 易于 导航 ， 只 需要 从 一 个 超 链接 跳 到 
另 一 个 超 链接 ， 就 可 以 访问 各 站 点 所 提供 的 服务 ， 浏 览 所 需要 的 多 媒体 信息 。 同 时 ， 在 同 
一 页 面 上 可 以 显示 色彩 丰富 的 图 形 和 文本 。 

(2) 与 平台 无 关 性 

无 论 是 在 Windows 平台 上 ， 还 是 在 UNIX、Linux、Macintosh 平台 上 ， 都 可 以 通过 浏览 
器 (Browser) 的 软件 访问 Web 资源 。 

(3) 分 布 性 

大 量 的 视频 、 音 频 、 文 本 信息 存放 在 不 同 的 站 点 上 ， 只 要 在 浏览 器 中 单 击 这 个 站 点 ， 
就 可 以 将 不 同 地 理 位 置 上 的 网 站 信息 组 合成 逻辑 上 统一 的 资源 ， 供 人 们 使 用 。 

(4) 动态 性 

由 于 Web 站 点 上 的 信息 经 常 发 生变 动 ， 需 要 及 时 更 新 ， 所 以 是 动态 的 、 可 变 的 。Web 
动态 的 特性 还 表现 在 人 与 计算 机 可 以 进行 交互 。 

(5) 交互 性 

交互 性 首先 表现 在 超 链接 上 ， 浏 览 顺序 和 所 指 的 站 点 完全 由 人 来 决定 ， 其 次 是 用 户 通 
过 填写 FORM 可 以 向 服务 器 提交 请 求 ， 服 务 器 可 以 根据 用 户 的 请 求 返 回 相应 信息 。 


1.2 Web 工作 原理 


Web 是 基于 浏览 器 /服务 器 的 一 种 体系 结构 ， 通 过 浏览 器 向 服务 器 发 送 请 求 ， 要 求 执行 
某 项 任务 ， 而 服务 器 执行 此 项 任务 ， 并 向 浏览 器 返回 响应 。Web 工作 原理 如 图 1-1 所 示 。 
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1-1 Web 工作 原理 


在 浏览 器 /服务 器 模式 体系 结构 系统 中 ， 用 户 通过 浏览 器 向 分 布 在 网 络 上 的 许多 服务 器 
发 出 请 求 ， 服 务 器 对 浏览 器 的 请 求 进行 处 理 ， 将 用 户 所 需 信息 返回 到 浏览 器 。 而 如 数据 请 
求 、 加 工 、 结 果 返 回 、 动态 网 页 生成 、 对 数据 库 的 访问 和 应 用 程序 的 执行 等 工作 全 部 由 Web 
服务 器 完成 。 

Web 服务 器 向 浏览 器 提供 服务 的 过 程 如 下 : 

(1) 用 户 启动 浏览 器 程序 ， 在 浏览 器 中 指定 一 个 URL， 浏 览 器 便 向 该 URL 所 指向 的 
Web 服务 器 发 出 请 求 。 

(2) Web 服务 器 接 到 浏览 器 请 求 后 ， 把 URL 转换 成 页 面 所 在 服务 器 上 的 文件 路 径 名 。 

(3) 若 URL 指向 的 是 普通 的 HTML 文档 ，Web 服务 器 直接 将 它 送 给 浏览 器 。 

(4) 如 果 HTML 文档 中 嵌 有 ASP 和 JSP 程序 ，Web 服务 器 就 运行 ASP 或 JSP 程序 ， 
并 将 结果 传送 至 浏览 器 。 

(5) URL 也 可 以 指向 VRML (Virtual Reality Modeling Language， 虚 拟 现实 建 模 语言 ) 
文档 。 


1.3 Web 服务 


1.3.1 什么 是 Web 服务 


到 底 什 么 是 Web 服务 ? 不 同 的 组 织 和 部 门 对 Web 服务 的 定义 略 有 差异 。 
1. W3C 国际 标准 化 组 织 ) 定义 


Web 服务 是 一 个 通过 URL 识别 的 软件 应 用 程序 , 其 界面 及 绑 定 能 用 XML 文档 来 定义 、 
描述 和 发 现 ， 使 用 基于 Internet 协议 上 的 消息 传递 方式 与 其 他 应 用 程序 进行 直接 交互 。 

2. Microsoft 定义 

Web 服务 是 为 其 他 应 用 提供 数据 和 服务 的 应 用 逻辑 单元 ， 应 用 程序 通过 标准 的 Web 协 
议和 数据 格式 获得 Web 服务 , 如 HTTP、XML 和 SOAP 等 , 每 个 Web 服务 的 实现 是 完全 独 


立 的 。 
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3. IBM 认为 


Web 服务 是 一 种 自 包含 、 自 解释 、 模 块 化 的 应 用 程序 ， 能 够 被 发 布 、 定 位 并 且 从 Web 
上 的 任何 位 置 进 行 调用 。Web 服务 可 以 执行 从 简单 的 请 求 到 错综复杂 的 商业 处 理 过 程 中 的 
任何 功能 。 理 论 上 来 讲 ， 一 旦 对 Web 服务 进行 了 部 署 ， 其 他 Web 服务 应 用 程序 就 可 以 发 现 
并 调用 已 部 署 的 服务 。 


4. UDDI 规范 中 定义 


Web 服务 是 指 由 企业 发 布 的 完成 其 特别 商务 需求 的 在 线 应 用 服务 ， 其 他 公司 或 应 用 软 
件 能 够 通过 Internet 来 访问 并 使 用 这 项 应 用 服务 。 
由 此 可 以 看 出 ， 这 些 定义 各 有 侧重 ， 但 有 几 点 是 一 致 的 。 首 先 ， 它 是 由 企业 驱动 和 应 
用 驱动 而 产生 的 ;其 次 ， 它 具有 分 布 性 、 松 散 耦 合 、 可 复 用 性 、 开 放 性 以 及 可 交互 性 等 特性 。 
Web 服务 技术 促进 了 Internet 上 企业 之 间 的 协作 ， 使 用 Web 服务 可 以 使 合作 伙伴 的 信 
息 系统 之 间 更 容易 地 进行 通信 。 如 何 集成 来 自 不 同 企业 的 服务 、 又 便于 使 用 Web 服务 ? 众 
多 组 织 纷纷 致力 于 Web 服务 技术 的 研究 ， 进 行 标准 协议 的 制定 ， 提 供 Web 服务 的 创建 工具 
和 解决 方案 。 
Web 服务 不 同 于 已 有 的 构件 对 象 模型 以 及 相关 的 对 象 模型 协议 ， 如 CORBA 和 IIOP 
(Internet Inter-ORB Protocol) 、COM 和 DCOM 以 及 Java 和 RMI (Remote Method 
Invocation)。Web 服务 可 以 用 任何 语言 编写 ， 并 且 可 以 使 用 HTTP 或 XML 访问 。 从 技术 上 
看 ， 一 个 Web 服务 是 一 个 由 内 容 、 应 用 代码 、 过 程 逻辑 或 者 这 些 部 分 的 任意 组 合 所 构成 的 
XML 对 象 ， 并 且 可 以 通过 任何 TCP/IP 网 络 访问 ， 只 要 网 络 中 使 用 SOAP 标准 集成 ， 使 用 
WSDL 标准 进行 自 描述 , 使 用 UDDI 标准 在 一 个 公共 的 或 者 私有 的 目录 中 注册 和 发 现 。Web 
服务 由 多 层 构成 (如 图 1-2 所 示 ), 这 些 层 堆 辣 在 一 起 形成 了 发 现 和 调用 一 个 独立 的 Web 
服务 所 提供 功能 的 标准 机 制 的 基础 。 即 Web 服务 栈 以 层次 结构 来 表示 ， 高 层 在 低层 的 基 


础 之 上 构建 。 
基于 XML 的 消息 层 


图 1-2 ”Web 服务 的 多 层 构成 
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图 1-2 中 网 络 层 中 的 HTTP、HTTPS、SMTP、FTP 协议 提供 了 分 布 式 应 用 之 间 的 通信 
机 制 ; 消息 层 中 的 XML 定义 了 数据 交换 和 描述 的 格式 ，SOAP 是 调用 Web 服务 的 协议 ; 服 
务 描述 层 中 的 WSDL 描述 Web 服务 的 格式 ; 而 服务 发 现 层 中 的 UDDI 则 是 注册 、 查 找 和 使 
用 Web 服务 的 中 枢 组 织 。 由 XML、SOAP、WSDL、UDDI 构成 了 Web 服务 的 关键 技术 ， 
下 面 分 别 介 绍 其 具体 含义 。 

(1) XML (Extensible Markup Language， 可 扩展 标记 语言 ) 

该 层 包括 数据 表示 、 数 据 格 式 和 消息 传输 协议 。XML 为 信息 交换 定义 了 描述 和 格式 。 
由 于 HTTP 是 一 种 基于 文本 的 协议 ， 因 此 缺乏 表示 RPC 消息 中 的 参数 值 的 机 制 ， 被 XML 
取代 作为 Web 服务 的 一 个 重要 的 数据 描述 语言 。XML 是 一 种 元 语言 ， 可 以 通过 标准 的 编 
码 和 格式 化 信息 的 方法 进行 跨 平台 的 数据 交换 。XML 人 允许 数据 被 串 行 化 为 易于 被 任何 平 
台 解 码 的 消息 格式 ， 提 供 了 在 网 络 应 用 之 间 交 换 结构 化 数据 的 机 制 。 

XML 采用 纯 文 本 表示 ， 设 计 的 初衷 是 为 了 存储 、 传 送 和 交换 数据 。XML 是 一 种 标记 语 

， 标 记 在 XML 中 不 是 预先 确定 的 ， 而 必须 由 使 用 者 自己 定义 。XML 允许 使 用 者 自由 发 
表 有 用 的 信息 ， 不 仅 可 以 是 有 关 数 据 结构 的 ， 也 可 以 是 关于 数据 意义 的 。 另 外 ，XML 文档 
的 结构 、 内 容 和 外 观 可 以 作为 3 个 不 同 的 部 分 进行 维护 ， 提 供 了 更 高 的 独立 性 。 

对 于 数据 表示 层 来 说 ， 可 扩展 性 是 一 个 关键 因素 。 为 了 支持 可 扩展 性 ，Web 服务 需要 
一 种 机 制 以 避免 名 字 冲 突 ， 并 允许 一 个 程序 只 处 理 自己 所 关心 的 元 素 。XML 名 空间 

(namespaces) 提供 了 一 种 简单 、 通 用 的 方式 以 区 分 相同 名 字 的 元 素 或 属性 。 为 了 支持 可 扩 
展 性 ， XML 中 的 每 个 元 素 和 属性 都 有 一 个 相关 的 名 空间 URL。Web 服务 需要 一 种 方法 定义 
Web 服务 消息 中 使 用 的 数据 类 型 。 XML Schema 规范 标准 化 了 一 个 描述 XML 数据 类 型 的 符 
号 集 ， 还 定义 了 一 个 内 置 简单 数据 类 型 的 集合 和 在 各 XML 文档 中 建立 元 素 类 型 的 机 制 。 
XML Schema 规定 了 XML 的 文档 的 逻辑 结构 ， 定 义 了 元 素 、 元 素 属 性 以 及 元 素 和 元 素 属性 
之 间 的 关系 。 

XML 还 在 不 断 地 发 展 。 需 要 说 明 的 是 ，XML 本 身 只 是 一 种 标记 语言 ， 只 是 进行 描述 ， 
并 不 提供 商务 逻辑 ，Web 服务 提供 对 这 些 逻辑 的 访问 。 这 也 是 为 什么 Web 服务 的 更 高 层 
的 、 基 于 XML 的 概念 同样 非常 重要 的 原因 。 

(2) SOAP (Simple Object Access Protocol， 简 单 对 象 访问 协议 ) 

SOAP 是 目前 被 广泛 接受 的 消息 传输 协议 ， 是 一 个 为 信息 交换 设计 的 轻 量 协议 , 用 于 在 
网 络 应 用 程序 之 间 交 换 结 构 化 数据 ， 是 一 种 基于 XML 的 机 制 。SOAP 主要 是 在 分 布 的 、 分 
散 的 环境 中 提供 了 一 个 跨 Internet 调用 服务 的 框架 结构 , 并 提供 了 独立 于 编程 语言 和 分 布 对 
象 底层 基础 结构 的 跨 平台 集成 机 制 。SOAP 代表 了 XML-RPC 的 发 展 ， 已 经 被 W3C 作为 一 
种 Internet 标准 采纳 。 

SOAP 是 一 个 远程 过 程 调用 (RPC) 协议 ， 使 用 标准 的 Internet 协议 进行 传输 ， 同 步调 
用 时 采用 HTTP 协议 ,异步 调用 时 采用 SMTP 协议 ,由 于 可 以 在 HTTP 上 运行 ,这 使 得 SOAP 
在 穿越 防火 墙 进行 操作 方面 优 于 DCOM、RMI 和 IIOP， 而 在 嵌入 设备 上 实现 SOAP 也 比 开 
发 一 个 ORB 更 简单 。 

SOAP 的 主要 设计 目标 是 简单 性 和 可 扩充 性 。 为 了 实现 这 两 个 目标 ，SOAP 中 省 略 了 在 
其 他 消息 系统 和 分 布 式 对 象 系统 中 常见 的 一 些 特 性 ， 如 无 用 存储 单元 收集 、 消 息 批 处 理 等 。 
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SOAP 没有 定义 一 种 编程 模型 或 实现 ,而 是 定义 了 一 个 模块 化 的 包装 模型 ,并 在 模块 内 
定义 了 编码 数据 的 编码 机 制 。 这 使 得 SOAP 可 以 在 从 消息 传递 系统 到 远程 过 程 调用 的 任何 
系统 中 应 用 。 

SOAP 由 以 下 4 个 部 分 组 成 。 

@ 一 个 SOAP 封 皮 〈Envelope): 定义 了 描述 消息 所 包含 信息 的 框架 结构 ， 即 消息 中 

包含 什么 信息 、 由 谁 来 处 理 以 及 是 必需 的 或 可 选 的 。 

@ 一 组 SOAP 编码 规则 (Encoding rules): 定义 了 一 个 串 行 化 机 制 ， 用 于 交换 应 用 定 

义 的 数据 类 型 的 实例 。SOAP 编码 的 类 型 使 用 简单 的 标量 类 型 和 复合 类 型 ， 如 结构 
和 数组 ， 这 些 类 型 以 XML 文档 元 素 的 形式 表现 。XML Schema 规范 中 定义 的 数据 
类 型 以 及 这 些 数据 类 型 的 派生 类 型 都 可 以 直接 用 作 SOAP 元 素 。 

@ SOAP RPC 表示: 定义 如 何 表示 远程 过 程 调 用 和 响应 。SOAP 的 设计 目标 之 一 是 用 
XML 的 可 扩展 性 和 灵活 性 封装 RPC 功能 , 在 SOAP 1.2 中 详细 定义 了 RPC 和 响应 
的 统一 表示 ， 将 对 一 个 方法 的 调用 和 响应 作为 结构 来 建 模 ， 结 构 中 包含 了 返回 值 ， 
或 者 还 可 能 包括 传 入 的 参数 。 

@ SOAP 绑 定 (binding): 定义 如 何 使 用 底层 传输 协议 进行 SOAP 消息 的 交换 。 虽 然 
SOAP 本 身 可 以 和 多 种 协议 结合 使 用 , 但 SOAP 1.2 中 只 描述 了 在 HTTP 中 的 使 用 。 
SOAP 和 HTTP 绑 定 可 以 同时 使 用 SOAP 的 形式 方法 与 分 散 的 灵活 性 以 及 HTTP 
丰富 的 特性 集 。 在 HTTP 中 使 用 SOAP 并 不 意味 着 SOAP 覆盖 了 HTTP 现 有 的 语 
义 ， 而 是 继承 了 HTTP 的 语义 。 

SOAP 消息 是 用 XML 编码 的 文档 ， 它 由 封皮 、 消 息 头 和 消息 体 3 个 部 分 组 成 。 

@ ”SOAP 封皮 ( 包 SOAP Envelope): 是 描述 SOAP 消息 的 XML 文档 的 顶点 元 素 。 

@ SOAP 消息 头 〈SOAP Header): 提供 了 一 种 灵活 的 机 制 对 SOAP 消息 以 分 散 的 、 

模块 化 的 方式 进行 扩充 , 而 通信 的 各 方 (包括 SOAP 发 送 者 .SOAP 接收 者 及 SOAP 
中 介 ) 不 必 有 预先 知道 。 需 要 注意 的 是 ，SOAP 消息 头 是 可 选 的 。 

@ SOAP 消息 体 (SOAP Body): 定义 了 一 个 简单 的 机 制 来 交换 要 发 送 给 最 终 SOAP 
接收 者 的 消息 中 的 必要 信息 ， 是 这 些 信 息 的 容器 。 典 型 的 使 用 是 编组 RPC 调用 和 
SOAP 错误 报告 。 

SOAP 消息 是 单方 向 的 , 从 一 个 SOAP 发 送 者 (sender) 到 一 个 SOAP 接收 者 (receiver)。 
但 单独 的 消息 通常 可 以 被 组 合 在 一 起 形成 其 他 消息 机 制 。 例 如 ，SOAP 通过 在 HTTP 请 求 中 
提供 一 个 SOAP 请 求 消息 和 在 HTTP 响应 中 提供 一 个 SOAP 响应 消息 实现 HTTP 的 请 求 / 响 
应 消息 模型 。SOAP 消息 交换 模型 要 求 接收 到 一 个 SOAP 消息 的 应 用 程序 执行 下 列 操作 : 

@ 识别 SOAP 消息 中 意图 供给 本 应 用 的 部 分 ， 本 应 用 可 以 作为 SOAP 中 介 ， 将 消息 

的 其 他 部 分 传递 给 另外 的 应 用 。 

@ 检验 SOAP 消息 中 指定 的 所 有 必须 处 理 的 部 分 ， 并 进行 相应 的 处 理 。 

@ ”如 果 SOAP 应 用 不 是 消息 的 最 终 目的 地 ， 它 应 该 在 删除 所 有 自己 消耗 的 部 分 后 将 

消息 转发 给 消息 要 供给 的 下 一 个 应 用 。 

SOAP 只 是 一 种 包装 和 绑 定 调用 一 个 Web 服务 所 需 信息 的 方式 ，Web 服务 也 可 以 使 用 
其 他 的 编码 技术 调用 。 另 外 ，SOAP 本 身 没 有 严格 地 归 入 Web 服务 ，SOAP 可 以 作为 一 种 
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对 任何 类 型 的 远程 对 象 或 过 程 的 访问 机 制 使 用 ， 也 可 以 只 是 一 个 简单 的 消息 传递 机 制 。 

除了 SOAP 以 外 ，W3C 创建 的 XMLP 工作 组 还 建立 了 XMLP 协议 (Extensible Markup 
Language Protocol，XMLP)。XMLP 是 类 似 于 SOAP 的 XML 消息 协议 ， 包 括 封 皮 、 对 象 串 
行 化 方式 、HTTP 传输 绑 定 以 及 进行 远程 过 程 调用 的 方式 几 个 部 分 。 甚 至 有 人 认为 XMLP 
将 逐步 取代 SOAP。 

(3) WSDL (Web Services Description Language，Web 服务 描述 语言 ) 

Web 服务 的 目标 之 一 是 允许 应 用 程序 以 标准 的 方式 在 两 个 或 多 个 同等 的 服务 之 间 进 行 
选择 ， 因 为 有 时 应 用 可 以 由 作为 支持 网 络 的 服务 而 实现 的 构件 构造 而 成 ， 甚 至 可 以 从 这 些 
服务 中 进行 动态 选择 。 服 务 描述 层 定义 了 为 程序 提供 足够 信息 所 需 的 描述 机 制 ， 使 程序 能 
够 根据 一 定 的 准则 选择 服务 ， 如 服务 的 质量 、 安 全 性 、 可 靠 性 等 。 

Web 服务 的 接口 由 基于 XML 的 WSDL 定义 ， 它 提供 了 应 用 访问 指定 的 Web 服务 所 必 
需 的 全 部 信息 ， 如 描述 服务 提供 了 什么 功能 、 服 务 位 于 何 处 以 及 服务 如 何 调用 等 。 

WSDL 以 XML 格式 描述 网 络 服务 , 将 服务 描述 为 在 包含 面向 过 程 或 面向 文档 信息 的 消 
息 上 进行 操作 的 一 组 端点 。 操 作 和 消息 是 抽象 描述 的 ， 然 后 绑 定 到 具体 的 网 络 协议 和 消息 
格式 以 定义 一 个 端点 。 相 关 的 具体 端点 被 组 合成 为 抽象 端点 〈 服 务 )。WSDL 是 可 扩展 的 ， 
允许 描述 任何 端点 和 消息 ， 而 不 考虑 通信 使 用 的 消息 格式 或 网 络 协议 。 

WSDL 使 用 下 面 的 元 素 定义 网 络 服务 。 

@ 类 型 (Types): 用 某 种 类 型 系统 的 数据 类 型 定义 的 容器 。WSDL 并 没有 引入 新 的 
类 型 定义 语言 ， 而 将 XSD 作为 自己 的 标准 类 型 系统 ， 并 允许 通过 可 扩展 性 使 用 其 
他 的 类 型 定义 语言 。 
消息 (Message):; 对 要 传送 的 数据 的 一 个 抽象 定义 。 
操作 (Operation): 对 服务 支持 的 动作 的 抽象 描述 。 
端口 类 型 (Port Type): 一 个 或 多 个 端点 支持 的 操作 的 一 个 抽象 集合 。 

绑 定 (Binding): 对 特定 端口 类 型 的 一 个 具体 协议 和 数据 格式 规格 。 
端口 (Port): 一 个 单独 的 端点 ， 由 一 个 绑 定 和 一 个 网 络 地 址 组 合 在 一 起 定义 。 
服务 (Service): 一 组 相关 的 端点 的 集合 。 

一 个 Web 服务 由 一 组 端口 定义 ， 而 端口 由 绑 定 到 一 个 具体 协议 和 数据 格式 规范 的 一 组 
抽象 操作 和 消息 定义 。 操 作 和 消息 的 抽象 是 为 了 使 它们 可 以 复 用 和 绑 定 到 不 同 的 协议 和 数 
据 格 式 ， 如 SOAP、HTTP GET/POST 或 MIME。 

在 WSDL 中 ， 端 点 和 消息 的 抽象 定义 是 和 它们 的 具体 网 络 配置 和 数据 格式 绑 定 相 分 离 
的 ; 另外 ，WSDL 定义 了 一 个 公共 的 绑 定 机 制 ， 用 于 将 特定 的 协议 、 数 据 格式 或 结构 连接 
到 抽象 的 消息 、 操 作 或 端点 ， 这 些 都 允许 对 抽象 定义 的 复 用 。 

(4) UDDI (Universal Description，Discovery，and Integration， 统 一 描述 、 发 现 和 
集成 ) 

UDDI 是 一 套 基于 Web 的 、 分 布 式 的 、 为 Web 服务 提供 的 信息 注册 中 心 的 实现 标准 规 
范 ， 同 时 也 包含 一 组 使 企业 能 将 自身 提供 的 Web 服务 注册 ， 以 使 别 的 企业 能 够 发 现 的 访问 
协议 的 实现 标准 。UDDI 为 表示 XML 中 商业 服务 描述 定义 了 一 个 数据 结构 标准 ， 提 供 了 更 
高 层次 的 商业 信息 ， 以 补充 WSDL 中 的 说 明 。UDDI 定 义 了 如 下 4 种 基本 的 结构 。 
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商业 实体 (Business entity): 描述 商业 信息 ， 如 名 称 、 类 型 等 。 

商业 服务 (Business service): 已 发 布 的 Web 服务 的 集合 。 

绑 定 模板 (Binding template): 访问 信息 ， 如 URL。 

技术 规范 (TModel): 对 服务 类 型 的 技术 规格 说 明 ， 如 接口 定义 、 消 息 格式 、 消 息 
协议 和 安全 协议 等 。 

在 进行 一 个 Web 服务 调用 之 前 ， 必 须 先 找到 具有 所 需 服务 的 企业 ， 发 现 调 用 接口 和 语 
义 ， 然 后 编写 或 配置 自己 的 软件 ， 以 便 与 服务 合作 。UDDI 的 核心 部 件 是 UDDI 商业 注册 ， 
它 用 一 个 XML 文档 来 描述 企业 及 其 提供 的 Web 服务 。UDDI 商业 注册 是 一 个 基于 SOAP 
的 Web 服务 ， 提 供 企 业 用 于 将 它们 的 服务 发 布 到 注册 中 心 的 接口 。 注 册 中 心 是 分 布 式 的 ， 
彼此 之 间 不 断 进行 复制 操作 。 

Web 服务 基本 上 是 机 器 到 机 器 的 通信 ， 为 了 有 效 工作 ， 这 种 体系 结构 必须 具有 进行 基 
于 Web 的 应 用 和 业务 过 程 集成 的 有 效 工具 。UDDI 商业 注册 中 心包 含 以 下 3 类 信息 ， 企 业 
可 以 通过 这 些 信息 发 现 一 个 Web 服务 。 

@ 白 页 : 包括 企业 的 名 称 、 地 址 、 联 系 方式 和 企业 标识 ， 并 人 允许 其 他 公司 按照 名 称 

查找 目录 。 

@ 黄页: 包括 基于 标准 分 类 法 的 行业 类 别 。 

@ 绿 页 : 包括 关于 该 企业 所 提供 的 Web 服务 的 技术 信息 ， 其 形式 可 能 是 一 些 指向 文 

件 或 URL 的 指针 ， 而 这 些 文件 或 URL 是 为 服务 发 现 机 制服 务 的 。 绿 页 还 允许 注 
册 的 公司 之 间 使 用 XML 进行 连接 ， 提 供 了 业务 过 程 自动 化 的 关键 机 制 。 

UDDI 规范 提供 了 编程 接口 ， 允 许 商 业 注册 一 个 Web 服务 ， 以 及 查找 指定 Web 服务 的 
注册 。 一 旦 想 要 的 Web 服务 被 确定 ， 将 提供 一 个 指向 WSDL 文档 所 在 位 置 的 指针 。 编 程 接 
口 分 为 查询 API 和 发 布 API 两 个 逻辑 部 分 。 查 询 API 又 分 为 两 个 部 分 : 一 部 分 用 来 构造 搜 
索 和 浏览 UDDI 注册 信息 的 程序 ， 另 一 部 分 在 Web 服务 出 现 错误 时 使 用 。 发 布 API 可 以 用 
来 创建 各 种 类 型 的 工具 ， 以 直接 与 UDDI 注册 中 心 进行 交互 ， 便 于 企业 技术 人 员 管 理发 布 
信息 。 

UDDI 规范 包含 了 对 基于 Web 的 UDDI 商业 注册 中 心 可 以 实施 的 整套 共享 操作 。 一 般 
来 说 ， 程 序 或 程序 员 通 过 UDDI 商业 注册 中 心 来 获得 Web 服务 的 位 置 及 其 技术 信息 。 对 于 
程序 员 来 说 , 是 对 自己 的 系统 实现 准备 ， 以 使 自己 的 系统 能 和 那些 Web 服务 实现 访问 兼容 ， 
或 是 描述 自己 的 Web 服务 ， 从 而 能 让 别人 使 用 。 从 商业 层次 上 来 说 ，UDDI 商业 注册 中 心 
可 以 被 用 于 核查 某 个 合作 伙伴 是 否 拥有 特定 的 Web 服务 的 调用 接口 ， 或 是 找 出 在 某 行业 中 
能 提供 某 种 类 型 服务 的 公司 ， 并 确定 某 合作 伙伴 的 Web 服务 的 技术 描述 及 交互 时 所 需 的 技 
术 细 节 。 

UDDI 是 完全 可 选 的 ， 也 就 是 说 ， 具 有 Web 服务 的 公司 ， 如 果 只 是 想 对 有 限 的 人 员 或 
设备 提供 特定 功能 ， 就 不 需要 对 外 发 布 它们 的 服务 。 


1.3.2 ”Web 服务 技术 优势 


Web 提出 了 面向 服务 的 分 布 式 计算 框架 ， 具 有 松散 耦合 、 与 平台 无 关 、 易 于 集成 等 优 
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点 ,为 mternet 上 的 分 布 式 应 用 提供 了 有 效 的 支持 ， 业 界 众 多 的 厂商 也 都 投入 到 其 研究 和 开 
发 中 。Web 服务 技术 优势 表现 在 如 下 几 个 方面 。 

(1) 平台 无 关 性 

Web 服务 与 具体 的 操作 系统 无 关 ， 与 软件 平台 也 无 关 。 例 如 ，Windows 的 Web 服务 能 
够 与 UNIX 下 的 Web 服务 方便 地 相互 通信 ， 同 在 Windows 操作 系统 下 的 .NET 平台 与 J2EE 
平台 之 间 同 样 能 够 容易 地 交互 信息 。 在 这 以 前 从 未 有 任何 技术 能 做 到 这 一 步 。 

(2) 松散 耦合 性 

Web 服务 是 部 署 在 网 络 上 的 对 象 ， 具 有 自然 良好 的 封装 。 其 中 任何 一 个 组 件 发 生 改变 
时 ， 不 需要 修改 其 他 组 件 来 体现 这 种 变化 。 它 们 之 间 的 变化 对 对 方 来 说 是 透明 的 。 

(3) 基于 文本 的 简单 性 和 自 描 性 

Web 服务 以 XML 技术 为 基础 ， 而 XML 是 基于 文本 的 ， 并 且 具 有 自我 描述 的 能 力 。 

(4) 可 集成 性 

无 论 Web 服务 建立 在 何 种 软件 平台 上 ， 用 何 种 语言 编写 ， 都 可 以 与 其 他 Web 服务 实现 
当前 环境 下 的 最 高 的 可 集成 性 。 

Web 服务 的 突出 优点 还 在 于 它 能 够 在 完全 不 同 的 平台 之 间 具 有 互 操作 性 ， 通 过 遍布 全 
球 的 Internet 实现 应 用 程序 之 间 的 远程 过 程 调用 。 


1.3.3 ”Web 服务 技术 的 研究 方向 及 发 展 趋势 


Web 服务 作为 一 种 新 的 技术 应 运 而 生 ， 已 经 被 业界 称 为 继 PC 和 Internet 之 后 ， 计 算 机 
IT 技术 的 第 三 次 革命 。Web 服务 的 出 现 ， 使 得 可 以 在 现 有 各 种 异 构 平 台 的 基础 上 构建 一 个 
通用 的 、 与 平台 无 关 、 与 语言 无 关 的 技术 层 ， 各 种 不 同 平台 之 上 的 应 用 依靠 这 个 技术 层 来 
实施 彼此 的 连接 和 集成 。 


1. 研究 方向 


(1) 服务 发 布 和 发 现 
Web 服务 发 现 是 Web 服务 系统 架构 中 的 一 个 重要 部 分 。 Web 服务 可 能 具有 不 同 的 内 容 、 
形式 和 复杂 程度 ， 如 何 对 Web 服务 进行 描述 和 组 织 ， 使 请 求 者 能 够 基于 概率 或 语义 约束 的 
模糊 匹配 进行 查找 ， 实 现 服务 发 现 的 高 效 性 、 自 动 化 和 智能 化 ， 是 Web 服务 研究 的 一 个 重 
要 内 容 。 
(2) 服务 组 合 
在 业务 处 理 中 ， 通 常 需要 按照 一 定 粒度 将 多 个 Web 服务 根据 特定 的 应 用 背景 和 需求 进 
行 合理 的 组 合 ， 实 现 完整 的 业务 逻辑 。 人 们 在 该 领域 进行 了 研究 ， 如 WSFL、XLAN、 
GBPEL4WS 等 。 
(3) 性 能 优化 
XML 和 SOAP 使 Web 服务 具有 更 好 的 开放 性 ,但 XML 的 解析 和 传输 等 使 Web 服务 的 
性 能 与 CORBA 等 调用 相 比 ， 存 在 数量 级 上 的 差距 ， 这 将 直接 影响 Web 服务 应 用 和 推广 。 
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业界 提出 了 SOAP 消息 传输 优化 方案 、XML 二 进 制 优化 建议 等 ， 因 此 如 何 对 XML 解析 、 
SOAP 消息 传输 进行 优化 ， 是 提高 SOAP 可 用 性 的 一 个 重要 方面 。 

(4) 安全 性 

为 了 保证 Internet 上 Web 应 用 的 安全 , 防止 信息 被 非法 访问 和 修改 ,需要 采用 安全 控制 
或 信息 加 密 等 手段 。 现 有 的 安全 技术 ， 如 数字 签名 、XML 加 密 标准 、 访 问 控制 技术 等 ， 在 
一 定 程度 上 解决 了 特定 的 安全 问题 ， 但 如 何 实现 Web 服务 安全 保护 的 自动 化 ， 保 证 不 同 粒 
度 和 级 别 的 数据 机 密 性 、 完 整 和 可 用 性 仍然 是 一 个 重要 的 研究 问题 。WS2Security、WS2Trust 
等 规范 提供 的 一 个 框架 级 别 的 安全 标准 还 需要 在 应 用 中 进一步 验证 。 

(5) 事务 机 制 

Web 服务 提供 了 Internet 上 应 用 和 信息 的 集成 ， 为 了 保证 Web 应 用 协同 工作 并 保持 一 
致 ， 得 到 可 靠 的 结果 和 输出 ，Web 应 用 需要 有 事务 处 理 的 机 制 。 与 传统 事务 相 比 ，Web 服 
务 中 事务 机 制 的 特点 为 : 事务 的 执行 周期 可 能 很 长 ， Web 事务 比 传统 事务 更 松散 、 更 灵活 、 
更 复杂 ， 并 不 严格 地 遵循 传统 事务 ACID 原则 ; 事务 参与 者 可 能 分 布 在 网 络 中 不 同位 置 、 
不 同 平台 上 ; 服务 组 合 中 需要 事务 机 制 来 保证 其 协调 工作 。 目 前 ，Web 服务 支持 的 事务 模 
型 主要 是 Business Transaction、WSDL Transaction 和 Activity Service， 其 策略 通常 是 扩展 已 
存在 的 事务 处 理 技术 ， 其 实效 性 仍然 有 待 进一步 研究 。 


2. 发 展 趋势 


Web 服务 技术 在 各 研究 方向 中 还 存在 一 些 问题 ， 例 如 ， 如 何 对 Web 服务 进行 描述 和 组 
织 ， 使 请 求 者 能 够 基于 概率 或 语义 约束 的 模糊 匹配 进行 查找 ， 实 现 服务 发 现 的 高 效 性 、 自 
动 化 和 智能 化 ， 对 于 与 组 合 服务 相关 的 各 服务 组 件 和 基本 服务 ， 如 何 定义 它们 之 间 的 逻辑 
及 时 序 关系 ， 以 实现 复杂 Web 服务 执行 的 自动 化 ， 如 何 实现 服务 组 件 和 基本 服务 之 间 的 动 
态 交 互 、 协 调 及 状态 保持 ， 以 保证 Web 服务 执行 的 有 序 性 ， 如 何 保持 语义 信息 及 如 何 验证 
和 测试 组 合 Web 服务 ， 以 确保 Web 服务 执行 结果 的 正确 性 ; 如 何 实现 Web 服务 安全 保护 
的 自动 化 ， 以 保证 不 同 粒度 和 级 别 的 数据 机 密 性 、 完 整 和 可 用 性 等 ， 这 些 问 题 都 是 Web 服 
务 技术 在 研究 中 需要 解决 的 问题 ， 也 就 成 为 Web 服务 技术 下 一 步 的 发 展 趋势 。 特 别 是 由 于 
传统 的 Web 服务 技术 缺乏 机 器 可 理解 的 语义 ， 限 制 了 Web 服务 的 自动 化 ， 如 何 使 Web 信 
息 为 机 器 所 理解 并 自动 处 理 成 为 Web 发 展 的 趋势 。 

Web 服务 与 网 格 融合 是 未 来 发 展 趋势 ， 网 格 计算 〈Grid Computing) 使 人 们 能 够 轻 而 易 
举 地 为 一 些 大 型 科研 任务 创建 和 使 用 动态 、 分 布 式 、 高 性 能 的 计算 环境 。 这 些 在 以 前 是 不 
可 能 实现 的 ， 因 为 其 开展 起 来 所 付出 的 代价 很 高 ， 如 高 能 物理 数据 分 析 、 和 气候 建 模 、 宇 宙 
观测 、 实 时 遥感 数据 处 理 和 虚拟 现实 等 。 同 时 它 也 能 够 应 用 在 商业 计算 领域 ， 如 联机 分 析 
处 理 、 数 据 挖掘 和 商业 智能 等 。 此 外 ， 它 还 能 够 广泛 地 应 用 在 电子 商务 、 电 子 政务 等 领域 。 
网 格 计 算 使 人 们 能 够 共享 计算 、 存 储 、 数 据 和 应 用 资源 。 这 种 计算 模式 是 利用 互联 网 把 分 
散在 不 同 地 理 位 置 的 电脑 组 织 成 一 个 “虚拟 的 终极 电脑 ”， 其 中 每 台 参 加 计算 的 电脑 就 是 个 
“节点 ”而 整个 计算 是 由 成 千 上 万 个 “节点 ”组 成 的 “一 张 网 格 ”。 网 格 有 别 于 Web 的 基 
本 特征 就 在 于 服务 的 形式 。 如 今 ，Web 要 创建 应 用 环境 ， 仍 要 依靠 研发 人 员 按 照 Web 协议 
研发 ， 而 网 格 是 在 更 高 层次 上 对 这 些 应 用 提供 的 一 种 服务 形式 。 因 此 ， 将 来 的 应 用 系统 所 
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基于 的 平台 应 是 网 格 所 提供 的 基本 服务 。 而 这 种 服务 的 本 身 ， 又 会 不 断 动 态 地 加 入 到 网 格 
中 , 使 得 网 格 服 务 的 内 容 不 断 丰富 。 由 IBM、Sun 和 Microsoft 倡导 的 全 球 Grid 论坛 (Global 
Grid Forum), 把 目标 锁定 在 把 网 格 计算 技术 和 Web 服务 计算 结合 起 来 提供 商务 应 用 服务 上 ， 
从 而 将 网 格 计算 技术 从 科学 计算 领域 引入 到 商务 应 用 领域 , 并 引发 了 IBM、 Sun 和 Microsoft 
采取 行动 , 将 网 格 计算 和 Web 服务 相 结 合 , 实现 一 种 使 业务 交易 在 分 布 于 Internet 服务 器 上 
运行 的 技术 。 

OGSA 是 在 Globus 网 格 计算 工具 包 和 Web 服务 技术 融合 的 基础 上 提出 的 一 套 规范 和 标 
准 。 它 与 服务 器 版 Java、Web 服务 连同 商业 数据 库 紧 密集 成 ， 实 现 了 网 格 计算 在 商务 领域 
的 广泛 应 用 。OGSA 吸纳 了 许多 Web 服务 标准 ， 如 Web 服务 描述 语言 (WSDL)、 简 单 对 
象 访问 协议 (SOAP)、 目 录 访 问 协议 (LDAP) 和 Web 服务 探测 (WSInspection) 等 ， 这 些 
标准 用 于 定位 、 调 度 计 算 资 源 ， 并 确保 它们 的 安全 。 


1.4 Web 技术 


本 节 简 要 介绍 与 Web 相关 联 的 技术 ， 如 Web 数据 库 、ASPNET、JSP、Ajax、 语 义 Web 
和 Web 3D 等 内 容 。 


1.4.1 Web 数据 库 


众所周知 ，Internet 网 络 是 全 球 最 大 的 计算 机 通信 网 ， 人 们 通过 Web 可 以 浏览 各 个 国家 
和 地 区 网 上 的 各 种 类 型 的 信息 资源 ， 如 静态 图 像 、 文 本 、 数 据 、 视 频 和 音频 。 其 实 ，Web 
系统 是 一 个 大 型 的 分 布 式 超 媒体 信息 数据 库 ， 其 已 经 成 为 ntermet 中 最 流行 、 最 主要 的 信息 
服务 方式 。 用户 能 够 在 Internet 上 浏览 、 查 询 和 共享 建立 在 Web 服务 器 所 有 站 点 上 的 超 媒体 
信息 。 数 据 库 厂 家 和 Web 公司 也 纷纷 推出 各 自 的 产品 和 中 间 件 支持 Web 技术 与 数据 库 管理 
系统 (DBMS) 的 融合 ， 将 两 者 取长补短 ， 发 挥 各 自 的 优势 ， 使 用 户 可 以 在 Web 浏览 器 上 
方便 地 检索 数据 库 的 内 容 。 可 见 , Web 数据 库 管 理 系 统 是 基于 Web 模式 的 DBMS 信息 服务 ， 
该 系统 充分 发 挥 了 DBMS 高 效 的 数据 存储 和 管理 能 力 ， 以 浏览 器 /服务 器 〈B/S) 模式 为 平 
台 ， 为 Internet 用 户 提供 方便 、 快 捷 、 内 容 丰 富 的 数据 服务 。 因 此 ，Web 数据 库 管理 系统 成 
为 Internet 和 Intranet 提供 的 核心 服务 ， 也 为 mternet 上 的 电子 商务 提供 技术 支持 。 
通过 Web 访问 数据 库 有 以 下 3 个 优点 : 
@ ”无 须 开发 数据 库 前 端 软件 ， 通 过 浏览 器 就 可 以 访问 后 台数 据 库 。 它 具有 界面 统一 、 
培训 费用 低 、 实 用 方便 等 优势 。 
@ ”开发 者 只 需 学 习 HTML 一 种 语言 就 可 以 开发 基于 Web 的 应 用 系统 。 
@ ”Web 服务 器 书写 的 HTML 文档 可 以 被 所 有 平台 的 浏览 器 所 浏览 ， 实 现 了 跨 平台 开 
发 。 因 为 各 种 操作 系统 上 都 有 现成 的 浏览 器 可 供 使 用 。 
Web 数据 库 应 用 系统 通过 在 Web 服务 器 端 提供 中 间 件 来 连接 Web 服务 器 和 数据 库 服 务 
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器 。 中 间 件 负责 管理 Web 服务 器 和 数据 库 服务 器 之 间 的 通信 并 提供 应 用 程序 服务 ， 它 能 够 
直接 调用 外 部 程序 或 脚本 代码 来 访问 数据 库 ， 因 此 可 以 提供 与 数据 库 相 关 的 动态 HTML 页 
面 ， 或 执行 用 户 查 询 ， 并 将 查询 结果 格式 化 成 HTML 页 面 ， 通 过 Web 服务 器 返回 给 Web 
浏览 器 。 

常用 的 访问 数据 库 驱 动 的 方式 有 通用 网 关 接口 CGI、 应 用 程序 接口 API ODBC、 JDBC 
等 多 种 渠道 。 下 面 分 别 介 绍 这 些 驱动 技术 。 

(1) CGI (通用 网 关 接 口 ) 访问 技术 
CGI 是 Web 服务 器 运行 时 外 部 程序 的 规范 ， 按 照 CGI 编写 的 程序 可 以 扩展 服务 器 的 功 
E， 完成 服务 器 本 身 不 能 完成 的 工作 ， 外 部 程序 执行 时 间 可 以 生成 HTML 文档 ， 并 将 文档 
返回 Web 服务 器 。CGI 应 用 程序 能 够 与 浏览 器 进行 交互 作用 ， 还 可 以 通过 数据 库 的 API 与 
数据 库 服 务 器 等 外 部 数据 源 进行 通信 ， 如 一 个 CGI 程序 可 以 从 数据 库 服 务 器 中 获取 数据 ， 
然后 格式 化 为 HTML 文档 后 发 送 给 浏览 器 ， 也 可 以 将 从 浏览 器 获得 的 数据 放 到 数据 库 中 。 
几乎 所 有 的 服务 器 软件 都 支持 CGI， 开 发 人 员 可 以 使 用 任何 一 种 Web 服务 器 内 置 语言 编写 
CGI， 其 中 包括 流行 的 C、C++、VB 和 Delphi 等 。 

从 体系 结构 上 来 看 ， 用 户 通过 Web 浏览 器 输入 查询 信息 ， 浏 览 器 通过 HTTP 协议 向 
Web 服务 器 发 出 带 有 查询 信息 的 请 求 ，Web 服务 器 按照 CGI 协议 激活 外 部 CGI 程序 ， 由 该 
程序 向 DBMS 发 出 SQL 请 求 ， 并 将 结果 转化 为 HTML 后 返回 给 Web 服务 器 ， 再 由 Web 服 
务 器 返回 给 Web 浏览 器 。 这 种 结构 体现 了 客户 /服务 器 方式 的 3 层 模型 ， 其 中 ，Web 服务 器 和 
CGI 程序 实际 起 到 了 HTML 和 SQL 转换 的 网 关 的 作用 。CGI 访问 数据 库 的 具体 操作 过 程 为 : 

@ 分 析 CGI 数据 。 

@ 打开 与 DBMS 的 连接 。 

@ 发 送 SQL 请 求 并 得 到 结果 。 

@ 将 结果 转化 为 HTML。 

@@ 关闭 DBMS 的 连接 。 

将 HTML 结果 返回 给 Web 服务 器 。 

基于 CGI 技术 访问 数据 库 的 主要 缺点 如 下 : 

@ 客户 端 与 后 端 数据 库 服 务 器 通信 必须 通过 Web 服务 器 , 且 Web 服务 器 要 进行 数据 

与 HTML 文档 的 互相 转换 ， 当 多 个 用 户 同 时 发 出 请 求 时 ， 必 然 在 Web 服务 器 形成 
信息 和 发 布 瓶颈 。 

@ ”CGI 应 用 程序 每 次 运行 都 需 打开 和 关闭 数据 库 连 接 ， 效 率 低 ， 操 作 费 时 。 

@ CGI 应 用 程序 不 能 由 多 个 客户 机 请 求 共 享 , 即使 新 请 求 到 来 时 CGI 程序 正在 运行 ， 

也 会 启动 另 一 个 CGI 应 用 程序 。 随 着 并 行 请 求 的 数量 增加 ， 服 务 器 上 将 生成 越 来 
越 多 的 进程 。 为 每 个 请 求 都 生成 进程 既 费 时 又 需要 大 量 内 存 ， 影 响 了 资源 的 使 用 
效率 ， 导 致 性 能 降低 并 增加 了 等 待 时 间 。 

@ 由 于 SQL 与 HTML 差异 很 大 ， 所 以 CGI 程序 中 的 转换 代码 编写 繁琐 ， 维 护 困难 。 
安全 性 差 ， 缺 少 用 户 访问 控制 ， 对 数据 库 难 以 设置 安全 访问 权限 。 

@ HTTP 协议 是 无 状态 且 没 有 常 连接 的 协议 ，DBMS 事务 的 提交 与 否 无 法 得 到 验证 ， 

不 能 构造 Web 上 的 OLTP 应 用 。 
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(2) 应 用 程序 接口 API 访问 技术 

为 了 克服 CGI 的 局 限 性 , 出 现 的 另 一 种 中 间 件 解决 方案 是 基于 服务 器 扩展 API 的 结构 。 
与 CGI 相 比 ， 应 用 程序 API 与 Web 服务 器 结合 得 更 加 紧密 ， 占 用 的 系统 资源 也 少 得 多 ， 但 
运行 效率 却 大 大 提高 ， 同 时 还 提供 更 好 的 保护 和 安全 性 。 

应 用 程序 AP 一 般 作为 一 个 DLL 提供 ， 是 驻 留 在 Web 服务 器 中 的 程序 代码 ， 其 扩展 
Web 服务 器 的 功能 与 CGI 相同 。Web 开发 人 员 不 仅 可 以 用 API 解决 CGI 可 以 解决 的 一 切 问 
题 ， 而 且 能 够 进一步 解决 基于 不 同 Web 应 用 程序 的 特殊 请 求 。 各 种 API 与 其 相应 的 Web 服 
务 器 紧密 结合 ， 其 初始 开发 目标 服务 器 的 运行 性 能 进一步 发 据 、 提 高 。 用 API 开发 的 程序 
比 用 CGI 开发 的 程序 在 性 能 上 提高 了 很 多 ， 但 开发 API 程序 比 开发 CGI 程序 要 复杂 得 多 。 
API 应 用 程序 需要 一 些 编程 方面 的 专门 知识 ， 如 多 线程 、 进 程 同 步 、 直 接 协 议 编程 以 及 错误 
处 理 等 。 目 前 主要 的 WebAPI 有 Microsoft 公司 的 ISAPI、Netscape 公司 的 NSAPI 和 OReily 
公司 的 WSAPI 等 。 使 用 ISPAI 开发 的 程序 性 能 要 优 于 用 CGI 开发 的 程序 ， 这 主要 是 因为 
ISAPI 应 用 程序 是 一 些 与 Web 服务 器 软件 处 于 同一 地 址 空间 的 DLL， 因 此 所 有 的 HTTP 服 
务 器 进程 能 够 直接 利用 各 种 资源 ， 这 显然 比 调用 不 在 同一 地 址 空间 的 CGI 程序 语句 要 占用 
更 少 的 系统 时 间 。 而 NSAPI 与 ISAPI 一 样 , 其 他 为 Web 开发 人 员 定 制 了 Netscape Web 服务 
器 基本 服务 的 功能 。 开发 人 员 利用 NSAPI 可 以 开发 与 Web 服务 器 的 接口 以 及 与 数据 库 服务 
器 等 外 部 资源 的 接口 。 

虽然 基于 服务 器 扩展 API 的 结构 可 以 方便 、 灵 活 地 实现 各 种 功能 ， 连 接 所 有 支持 32 位 
ODBC 的 数据 库 系 统 ， 但 这 种 结构 也 有 缺陷 ， 例 如 ， 各 种 API 之 间 兼 容 性 很 差 ， 缺 乏 统一 
的 标准 来 管理 这 些 接口 ， 开 发 API 应 用 程序 也 要 比 开 发 CGI 应 用 复杂 得 多 ; 这 些 API 只 能 
工作 在 专用 Web 服务 器 和 操作 系统 上 。 

(3) ODBC 访问 技术 

ODBC (Open Database Connectivity, 开放 数据 库 互 连 ) 是 微软 公司 开放 服务 结构 (Windows 
Open Services Architecture，WOSA) 中 有 关 数 据 库 的 一 个 组 成 部 分 ， 它 建立 了 一 组 规范 ， 
并 提供 了 一 组 对 数据 库 访问 的 标准 API (应 用 程序 编程 接口 ), 这 些 API 利用 SQL 来 完成 其 
大 部 分 任务 .ODBC 本 身 也 提供 了 对 SQL 语言 的 支持 ,用 户 可 以 直接 将 SQL 语句 送 给 ODBC。 

ODBC 使 用 层次 的 方法 来 管理 数据 库 ， 在 数据 库 通信 结构 的 每 一 层 ， 对 可 能 出 现 依赖 
数据 库 产 品 自身 特性 的 地 方 ，ODBC 都 引入 一 个 公共 接口 以 解决 潜在 的 不 一 致 性 ， 从 而 很 
好 地 解决 了 基于 数据 库 系统 应 用 程序 的 相对 独立 性 ， 这 也 是 ODBC 一 经 推出 就 获得 巨大 成 
功 的 重要 原因 之 一 。 

一 个 基于 ODBC 的 应 用 程序 对 数据 库 的 操作 不 依赖 任何 DBMS, 不 直接 与 DBMS 打 交 
道 ， 所 有 的 数据 库 操作 由 对 应 的 DBMS 的 ODBC 驱动 程序 完成 。 不 论 是 FoxPro、Access、 
MySQL 还 是 SQL Server、Oracle 数据 库 ， 均 可 用 ODBC 进行 访问 。 应 用 程序 要 访问 一 个 数 
据 库 ， 首 先 必 须 用 ODBC 管理 器 注册 一 个 数据 源 ， 管 理 器 根据 数据 源 提供 的 数据 库 位 置 、 
数据 库 类 型 及 ODBC 驱动 程序 等 信息 ， 建 立 起 ODBC 与 具体 数据 库 的 联系 。 这 样 ， 只 要 应 
用 程序 将 数据 源 名 提供 给 ODBC, ODBC 就 能 建立 起 与 相应 数据 库 的 连接 。 由 此 可 见 ,ODBC 
的 最 大 优点 是 能 以 统一 的 方式 处 理 所 有 的 数据 库 。 

在 ODBC 中 ，ODBC API 不 能 直接 访问 数据 库 ， 必 须 通过 驱动 程序 管理 器 与 数据 库 交 
换 信 息 。 驱 动 程序 管理 器 负责 将 应 用 程序 对 ODBC API 的 调用 传递 给 正确 的 驱动 程序 ， 而 
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驱动 程序 在 执行 完 相应 的 操作 后 ， 将 结果 通过 驱动 程序 管理 器 返回 给 应 用 程序 。 
(4) JDBC 访问 技术 

JDBC 是 由 JavaSoft 公司 指定 的 ,用 于 执行 SQL 语句 的 Java 应 用 程序 接口 API, 由 Java 
语言 编写 的 类 和 接口 组 成 。Java 是 一 种 面向 对 象 、 多 线程 与 平台 无 关 的 编程 语言 ， 具 有 极 
强 的 可 移植 性 、 安 全 性 和 强健 性 。JDBC 是 一 种 规范 ， 能 为 开发 者 提供 标准 的 数据 库 访 问 类 
和 接口 ， 能 够 方便 地 向 任何 关系 数据 库 发 送 SQL 语句 。 同 时 ，JDBC 是 一 个 支持 基本 SQL 
功能 的 低层 应 用 程序 接口 , 但 实际 上 也 支持 高 层 的 数据 库 访 问 工具 及 API。 所 有 这 些 工 作 都 
建立 在 X/Open SQL CLI 基 础 上 .JDBC 的 主要 任务 是 定义 一 个 自然 的 Java 接口 来 与 X/Open 
CLI 中 定义 的 抽象 层 和 概念 连接 。JDBC 的 两 种 主要 接口 分 别 面向 应 用 程序 的 开发 人 员 的 
JDBC API 和 面向 驱动 程序 低层 的 JDBC Driver API。JDBC 完成 的 工作 是 建立 与 数据 库 的 连 
接 ; 发 送 SQL 语句 ;返回 数据 结果 给 Web 浏览 器 。 

采用 JDBC 技术 ， 在 Java Applet 中 访问 数据 库 的 优点 在 于 : 直接 访问 数据 库 ， 不 再 需 
要 Web 数据 库 的 介入 ， 从 而 避 开 了 CGI 方法 的 一 些 局 限 性 ; 用 户 访问 控制 可 以 由 数据 库 服 
务 器 本 地 的 安全 机 制 来 解决 ， 提 高 了 安全 性 ; JDBC 是 支持 基本 SQL 功能 的 一 个 通用 低层 
的 应 用 程序 接口 ， 在 不 同 的 数据 库 功 能 的 层次 上 提供 了 一 个 统一 的 用 户 界面 ， 为 跨 平台 、 
跨 数据 库 系统 进行 直接 的 Web 访问 提供 了 方案 ， 从 而 克服 了 API 方法 一 些 缺 陷 ， 同 时 ， 可 
以 方便 地 实现 与 用 户 的 交互 ， 提 供 丰富 的 图 形 功能 和 声音 、 视 频 等 多 媒体 信息 功能 。 


1.4.2 ASP.NET 技术 


ASPNET 是 Microsoft 公司 推出 的 新 一 代 建 立 动态 Web 应 用 程序 的 开发 平台 ,是 一 种 建 
立 动 态 Web 应 用 程序 的 新 技术 。 它 是 .NET 框架 的 一 部 分 ， 可 以 使 用 任何 .NET 兼容 的 语言 
(如 Visual Basic、C#) 编写 ASPNET 应 用 程序 。 当 建立 Web 页 面 时 ， 可 以 使 用 ASPNET 
服务 器 端 控件 来 建立 常用 的 UI 〈 用 户 界面 ) 元 素 ， 并 对 它们 进行 编程 来 完成 一 般 的 任务 ， 
这 可 以 把 程序 开发 人 员 的 工作 效率 提升 到 与 其 他 技术 都 无 法 比拟 的 程度 。 


1. ASP.NET 发 展 历程 


ASPNET 1.0 于 2000 年 正式 发 布 ， 并 于 2003 年 升级 为 1.1 版 本 。ASPNET 1.1 发 布 之 
后 更 加 激发 了 Web 应 用 程序 开发 人 员 对 ASPNET 的 兴趣 ,对 网 络 技术 有 着 巨大 的 推动 作用 。 
本 着 “减少 70% 代 码 ” 的 目标 ， 微 软 公司 在 2005 年 11 月 又 发 布 了 ASPNET 2.0。ASPNET 
2.0 的 发 布 是 .NET 技术 走向 成 熟 的 标志 ， 它 在 使 用 上 增加 了 方便 、 实 用 的 新 特性 ， 使 Web 
开发 人 员 能 够 更 加 快捷 、 方 便 地 开发 Web 应 用 程序 ， 不 但 执行 效率 大 幅度 提高 ， 对 代码 的 
控制 也 做 得 更 好 , 以 高 安全 性 、 易 管理 性 和 高 扩展 性 等 特点 著称 。 微 软 还 推出 了 ASPNET 3.5 
版 本 , 使 网 络 程序 开发 更 倾向 于 智能 开发 , 运行 起 来 更 像 Windows 下 的 应 用 程序 一 样 流畅 。 


2. ASP.NET 的 优点 


(1) 高 效 的 运行 性 能 
ASPNET 应 用 程序 采用 页 面 脱离 代码 技术 ， 即 前 台 页 面 代码 保存 到 .aspx 文件 ， 后 台 代 
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码 保存 到 .cs 文件 ， 这 样 当 编译 程序 将 代码 编译 为 .dll 文件 ，ASPNET 在 服务 器 上 运行 时 ， 
可 以 直接 运行 编译 好 的 .dll 文件 ， 并 且 ASPNET 采用 缓存 机 制 ， 从 而 提高 运行 ASPNET 的 
性 能 。 

(2) 简易 性 和 灵活 性 

很 多 ASPNET 功能 都 可 以 扩展 ， 这 样 可 以 轻松 地 将 自 定义 功能 集成 到 应 用 程序 中 。 例 
如 ，ASPNET 提供 程序 模型 ， 为 不 同 数据 源 提 供 插入 支持 。 

(3) 可 管理 性 

ASPNET 中 包含 的 新 增 功能 使 得 管理 宿主 环境 变 得 更 加 简单 ， 从 而 为 宿主 主体 创建 了 
更 多 增值 的 机 会 。 

(4) 生产 效率 

使 用 新 增 的 ASPNET 服务 器 控件 和 包含 新 增 功能 的 现 有 控件 ， 可 以 轻松 、 快 捷 地 创建 
ASPNET 网 页 和 应 用 程序 。 新 增 内 容 〈 如 成 员 资格 、 个 性 化 和 主题 ) 可 以 提供 系统 级 的 功 
能 ， 此 类 功能 通常 会 要 求 开发 人 员 进 行 大 量 的 编写 代码 工作 。 新 增 数据 控件 、 无 代码 绑 定 
和 智能 数据 显示 控件 已 经 解决 了 核心 开发 方案 。 


1.4.3 JSP 技术 


JSP (Java Server Pages) 技术 是 由 Sun 公司 发 布 的 、 用 于 开发 动态 Web 应 用 的 一 项 技 
术 。 它 以 其 简单 易学 、 跨 平台 的 特性 ， 在 众多 动态 Web 应 用 程序 设计 语言 中 异军突起 ， 在 
短 短 几 年 中 已 经 形成 了 一 套 完整 的 规范 ， 并 广泛 地 应 用 于 电子 商务 等 各 个 领域 中 。 在 国内 ， 
JSP 现在 也 得 到 了 比较 广泛 的 重视 ， 越 来 越 多 的 动态 网 站 已 采用 该 技术 。 


1. JSP 的 运行 原理 


在 一 个 JSP 文件 第 一 次 被 请 求 时 ，JSP 引擎 把 该 JSP 文件 转换 成 为 一 个 Servlet, 而 这 个 
引擎 本 身 也 是 一 个 Servlet。JSP 的 运行 过 程 如 下 : 

(1) JSP 引擎 先 把 该 JSP 文件 转换 成 一 个 Java 源 文件 (Servlet)， 在 转换 时 如 果 发 现 
JSP 文件 有 任何 语法 错误 ， 转 换 过 程 将 中 断 ， 并 向 服务 端 和 客户 端 输出 出 错 信息 。 

(2) 如 果 转 换 成 功 ，JSP 引擎 用 javac 把 该 Java 源 文件 编译 成 相应 的 class 文件 。 

(3) 创建 一 个 该 Servlet (JSP 页 面 的 转换 结果 ) 的 实例 ， 该 Servlet 的 jspInit0 方 法 被 
执行 ，jspInit() 方 法 在 Servlet 的 生命 周期 中 只 被 执行 一 次 。 

(4) jspService() 方 法 被 调用 来 处 理 客户 端的 请 求 。 对 每 一 个 请 求 ，JSP 引擎 创建 一 个 
新 的 线程 来 处 理 该 请 求 。 如 果 有 多 个 客户 端 同 时 请 求 该 JSP 文件 ， 则 JSP 引擎 会 创建 多 个 
线程 ， 每 个 客户 端 请 求 对 应 一 个 线程 。 以 多 线程 方式 执行 可 以 大 大 降低 对 系统 的 资源 需求 ， 
提高 系统 的 并 发 量 及 响应 时 间 。 但 也 应 该 注意 多 线程 的 编程 限制 ， 由 于 该 Servlet 始终 驻 于 
内 存 ， 所 以 响应 是 非常 快 的 。 

(5) 如 果 JSP 文件 被 修改 了 ， 则 服务 器 将 会 根据 设置 决定 是 否 对 该 文件 重新 编译 ， 如 
果 需 要 重新 编译 ， 则 将 编译 结果 取代 内 存 中 的 Servlet， 并 继续 上 述 处 理 过 程 。 
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(6) 虽然 JSP 效率 很 高 ， 但 在 第 一 次 调用 时 ， 由 于 需要 转换 和 编译 ， 所 以 会 有 一 些 轻 
微 的 延迟 。 此 外 , 在 任何 时 候 , 如 果 系 统 资源 不 足 , JSP 引擎 将 以 某 种 不 确定 的 方式 将 Servlet 
从 内 存 中 移 去 。 当 这 种 情况 发 生 时 ，jspDestroy() 方 法 首先 被 调用 。 

(7) 然后 Servlet 实例 便 被 标记 加 入 “垃圾 收集 ”处 理 。 可 在 jspInit0 中 进行 一 些 初始 
化 工作 ， 如 建立 与 数据 库 的 连接 或 建立 网 络 连接 ， 从 配置 文件 中 取 一 些 参 数 等 ， 以 在 
jspDestory0 中 释放 相应 的 资源 。 


2. JSP 技术 特点 


(1) 简便 性 和 有 效 性 

JSP 动态 网 页 的 编写 与 一 般 的 静态 HTML 的 网 页 编写 是 十 分 相似 的 。 只 是 在 原来 的 
HTML 网 页 中 加 入 一 些 JSP 专 有 的 标签 或 脚本 程序 (此 项 不 是 必需 的 )。 这 样 ， 一 个 熟悉 
HTML 网 页 编写 的 设计 人 员 可 以 很 容易 地 进行 JSP 网 页 的 开发 ， 而 且 开 发 人 员 完 全 可 以 不 
自己 编写 脚本 程序 ， 而 只 是 通过 JSP 独 有 的 标签 使 用 别人 已 写 好 的 部 件 来 实现 动态 网 页 的 
编写 。 这 样 ， 一 个 不 熟悉 脚本 语言 的 网 页 开发 者 ， 完 全 可 以 利用 JSP 做 出 漂亮 的 动态 网 页 ， 
而 这 在 其 他 的 动态 网 页 开发 中 是 不 可 实现 的 。 

(2) 程序 的 独立 性 

JSP 是 Java API 家 族 的 一 部 分 ， 它 拥有 一 般 的 Java 程序 的 跨 平 台 的 特性 。 换 句 话 说 ， 
就 是 拥有 程序 的 对 平台 的 独立 性 ， 即 Write once，Run anywhere!。 

(3) 程序 的 兼容 性 

JSP 中 的 动态 内 容 可 以 各 种 形式 进行 显示 , 所 以 它 可 以 为 各 种 客户 提供 服务 ， 即 从 使 用 
HTML/DHTML 的 浏览 器 ,到 使 用 WML 的 各 种 手提 无 线 设 备 ( 例 如, 移动 电话 和 个 人 数字 
设备 PDA)， 再 到 使 用 XML 的 B2B 应 用 ， 都 可 以 使 用 JSP 的 动态 页 面 。 

(4) 程序 的 可 重用 性 

在 JSP 页 面 中 可 以 不 直接 将 脚本 程序 嵌入 ， 而 只 是 将 动态 的 交互 部 分 作为 一 个 部 件 加 
以 引用 。 这 样 ， 一 旦 这 样 的 一 个 部 件 写 好 ， 它 可 以 为 多 个 程序 重复 引用 ， 实 现 了 程序 的 可 
重用 性 。 现在， 大 量 的 标准 JavaBeans 程序 库 就 是 一 个 很 好 的 例证 。JSP 技术 为 创建 显示 动 
态 生成 内 容 的 Web 页 面 提供 了 一 个 简捷 的 方法 。JSP 技术 的 设计 目的 是 使 得 构造 基于 Web 
的 应 用 程序 更 加 容易 和 快捷 ， 而 这 些 应 用 程序 能 够 与 各 种 Web 服务 器 、 应 用 服务 器 、 浏 览 
器 和 开发 工具 共同 工作 。 


1.4.4 Ajax 技术 


基于 XML 的 异步 JavaScript， 简 称 Ajax (Asynchronous JavaScript and XML)， 是 多 种 
技术 的 综合 ， 它 使 用 XHTML 和 CSS 标准 化 呈现 ， 使 用 DOM 实现 动态 显示 和 交互 ， 使 用 
XML 和 XSTL 进行 数据 交换 与 处 理 ， 使 用 XMLHttpRequest 对 象 进行 异步 数据 读 取 ， 使 用 
JavaScript 绑 定 和 处 理 所 有 数据 。 更 重要 的 是 ， 它 打破 了 使 用 页 面 重 载 的 惯例 技术 组 合 ， 可 
以 说 Ajax 已 成 为 Web 开发 的 重要 武器 。 这 个 术语 源 自 描述 从 基于 网 页 的 Web 应 用 到 基于 
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数据 的 应 用 的 转换 。 在 基于 数据 的 应 用 中 ， 用 户 需 求 的 数据 ， 如 联系 人 列表 ， 可 以 从 独立 
于 实际 网 页 的 服务 端 取 得 并 且 可 以 被 动态 地 写 入 网 页 中 ， 为 缓慢 的 Web 应 用 体验 着 色 ， 使 
之 像 桌面 应 用 一 样 。 许 多 重要 的 技术 和 Ajax 开发 模式 可 以 从 现 有 的 知识 中 获取 。 例 如 ， 在 
一 个 发 送 请 求 到 服务 端的 应 用 中 ， 必 须 包 含 请 求 顺 序 、 优 先 级 、 超 时 响应 、 错 误 处 理 及 加 
调 ， 其 中 许多 元 素 已 经 在 Web 服务 中 包含 了 ， 就 像 现 在 的 SOAP。Ajax 开发 人 员 拥 有 一 个 
完整 的 系统 架构 知识 。 同 时 ， 随 着 技术 的 成 熟 还 会 有 许多 地 方 需要 改进 ， 特 别 是 UI 部 分 的 
易 用 性 。 
综合 各 种 变化 的 技术 和 强 耦 合 的 客户 服务 端 环境 , Ajax 提出 了 一 种 新 的 开发 方式 。Ajax 
开发 人 员 必 须 理解 传统 的 MVC 架构 ， 这 限制 了 应 用 层次 之 间 的 边界 。 同 时 ， 开 发 人 员 还 需 
要 考虑 CS 环境 的 外 部 和 使 用 Ajax 技术 来 重 定 型 MVC 边界 。 最 重要 的 是 ，Ajax 开发 人 员 
必须 禁止 以 页 面 集 合 的 方式 来 考虑 Web 应 用 , 而 需要 将 其 认为 是 单个 页 面 。 一 旦 UI 设计 与 
服务 架构 之 间 的 范围 被 严格 区 分 开 后 ， 开 发 人 员 就 需要 更 新 和 变化 的 技术 集合 了 。 
Ajax 开发 与 传统 的 C/S 开发 有 很 大 的 不 同 ， 这 些 不 同 引 入 了 新 的 编程 问题 ， 最 大 的 问 
题 在 于 易 用 性 。 由 于 Ajax 依赖 浏览 器 的 JavaScript 和 XML， 浏 览 器 的 兼容 性 和 支持 的 标准 
也 变 得 和 JavaScript 运行 时 的 性 能 一 样 重要 了 。 这 些 问题 中 的 大 部 分 来 源 于 浏览 器 、 服 务 器 
和 技术 的 组 合 ， 因 此 必须 理解 如 何 才能 最 好 地 使 用 这 些 技术 。 随 着 Ajax 迅速 地 引 人 注 目 ， 
开发 人 员 对 这 种 技术 的 期 待 也 迅速 地 增加 。 与 任何 新 技术 一 样 ，Ajax 的 发 展 也 需要 一 整个 
开发 工具 /编程 语言 及 相关 技术 系统 来 支撑 。 
(1) JavaScript 编程 语言 
JavaScript 是 Ajax 概念 中 最 重要 但 最 被 忽视 的 一 种 JavaScript 编程 语言 。JavaScript 是 
一 种 粘 合 剂 , 使 Ajax 应 用 的 各 部 分 集成 在 一 起 。 在 大 部 分 时 间 ，JavaScript 通常 被 服务 端 开 
发 人 员 认 为 是 一 种 企业 级 应 用 ， 不 需要 使 用 的 东西 应 该 尽力 避免 。 在 Ajax 中 ，JavaScript 
主要 被 用 来 传递 用 户 界 面 上 的 数据 到 服务 端 并 返回 结果 。XMLHttpRequest 对 象 用 来 响应 通 
过 HTTP 传递 的 数据 ， 一 旦 数据 返回 到 客户 端 就 可 以 立刻 使 用 DOM 将 数据 放 到 网 页 上 。 
(2) XMLHttpRequest 对 象 
XMLHttpRequest 对 象 在 大 部 分 浏览 器 上 已 经 实现 而 且 拥 有 一 个 简单 的 接口 ， 允 许 数据 
从 客户 端 传递 到 服务 端 , 但 并 不 会 打 断 用 户 当前 的 操作 。 使 用 XMLHttpRequest 传送 的 数据 
可 以 是 任何 格式 ， 虽 然 从 名 字 上 建议 是 XML 格式 的 数据 。 
《3 CS 
为 了 正确 地 浏览 Ajax 应 用 ，CSS 是 一 种 Ajax 开发 人 员 所 需要 的 重要 武器 。CSS 提供 
了 从 内 容 中 分 离 应 用 样式 和 设计 的 机 制 。 虽 然 CSS 在 Ajax 应 用 中 扮演 至 关 重 要 的 角色 , 但 
它 也 是 创建 跨 浏 览 器 应 用 的 一 大 阻碍 ， 因 为 不 同 的 浏览 器 厂商 支持 各 种 不 同 的 CSS 级 别 。 
(4) 服务 器 端 
在 服务 端 ，Ajax 应 用 还 是 应 建立 在 如 Java、.NET 和 PHP 语言 基础 上 ， 并 没有 改变 这 
个 领域 中 的 主要 方式 。 
不 同 的 IDE 提供 了 对 JavaScript 支持 的 不 同等 级 。 来 自 JetBrains 的 ntelliJ IDEA 是 一 
个 用 来 进行 JavaScript 开发 的 更 好 的 IDE, 虽然 许多 开发 人 员 也 喜欢 Microsoft’s Visual Studio 
产品 (允诺 会 在 最 新 的 版 本 中 改善 对 Ajax 的 支持 )。Eclipse 包含 了 两 个 免费 的 JavaScript 
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编辑 器 插件 和 一 个 商业 的 来 自 ActiveStat 的 Komodo IDE。 

JavaScript 编程 的 最 大 问题 为 不 同 的 浏览 器 对 各 种 技术 和 标准 的 支持 。 构 建 一 个 运行 在 
不 同 浏览 器 (如 正 和 火狐 ) 的 JavaScript 脚本 是 一 件 困难 的 事情 。 因此 , 几 种 Ajax JavaScript 
框架 或 者 生成 基于 服务 端 逻辑 或 标记 库 的 JavaScript, 或 者 提供 符合 跨 浏 览 器 Ajax 开发 的 客 
户 端 JavaScript 库 。 一 些 流行 的 框架 包括 Ajxa.Net、Backbase、Bitkraft、Django、DOJO、 
DWR、MochiKit、Prototype、Rico、Sajax、Sarissa 和 Scriptaculo.us. 等 。 

这 些 框架 给 开发 人 员 更 多 的 空间 ， 使 得 他 们 不 需要 担心 跨 浏览 器 的 问题 。 虽 然 这 些 框 
架 提 升 了 开发 人 员 构 建 应 用 的 能 力 ， 但 由 于 厂商 已 经 开发 了 更 细节 的 用 户 界面 的 打包 组 件 
解决 方案 ， 因 此 在 Ajax 组 件 市 场 中 需要 考虑 一 些 其 他 因素 ， 例 如 ， 提 供 通用 用 户 界面 的 组 
件 〈 如 组 合 框 和 数据 栅 格 ) 的 几 个 厂商 ， 都 可 以 被 用 来 在 应 用 中 创建 良好 的 通过 类 似 电 子 
数据 表 方 式 来 查看 和 编辑 数据 的 体验 。 但 这 些 组 件 不 仅 封装 了 组 件 的 用 户 界 面 ， 而 且 包 
括 与 服务 端 数据 的 通信 和 方式， 这些 组 件 通常 使 用 基于 标记 的 方式 来 实现 如 ASPNET 或 JSP 
控件 。 

总 而 言 之 ，Ajax 开发 人 员 必须 尽快 地 跟 进 最 新 的 技术 并 利用 高 产 的 工具 集 。 另 外 ， 成 
功 的 Ajax 开发 人 员 还 应 留心 使 用 者 ， 以 避免 将 任何 问题 扩大 化 ， 同 时 还 应 持续 地 创新 ， 从 
而 创建 增强 Web 应 用 易 用 性 的 新 方法 。 


1.4.5 语义 Web 服务 技术 


Web 之 所 有 获得 成 功 ， 是 因为 它 以 一 种 简便 的 方式 (HTTP、HTML、URL、 浏 览 器 ) 
将 整个 Internet 上 的 文本 、 声 音 、 图 像 等 各 种 信息 集合 在 一 起 ， 使 用 户 能 够 很 方便 地 搜索 和 
浏览 多 媒体 信息 。 如 果 Web 能 成 为 一 个 巨大 的 数据 库 ， 将 人 类 易 读 的 文档 和 机 器 可 理解 的 
数据 以 一 种 对 人 类 和 机 器 都 很 有 效 的 方式 链接 起 来 ， 将 会 怎样 ? 例如 ， 搜 索 “ 老 泰山 ” 如 
果 是 采用 基于 关键 字 的 搜索 ， 可 能 返回 大 量 与 泰山 有 关 的 页 面 ， 而 这 与 用 户 的 本 意 相 差 太 
远 。 若 是 采用 语义 Web 技术 就 可 以 较 好 地 处 理 这 个 问题 ， 它 能 根据 精确 的 概念 、 知 识 结构 
和 推理 规则 进行 搜索 ， 从 而 得 到 与 用 户 目标 比较 接近 的 结果 ,如 返回 的 结果 就 一 定 是 与 “ 岳 
父 ” 有 关 的 信息 。 

Web 之 父 ，W3C (World Wide Web Consortium) 总 裁 Tim Berners-Lee 及 W3C 的 其 他 领 
导 人 最 初 在 2001 年 5 月 提出 了 语义 Web 观点 , 并 随后 成 为 W3C 工作 的 一 个 重点 工作 。 Tim 
Berners-Lee 等 人 认为 : “语义 Web 是 对 当前 Web 的 扩展 , 其 中 信息 被 赋予 了 定义 好 的 含义 ， 
能 够 更 好 地 支持 计算 机 和 人 类 的 协同 。” 语 义 Web 通过 在 现 有 的 Web 上 增加 元 数据 ， 人 允许 
人 类 和 机 器 以 一 种 现 有 几乎 不 可 能 的 方式 发 现 和 利用 数据 。Tim Bemers-Lee 预测 , 语义 Web 
将 是 一 个 能 够 理解 人 类 语言 的 智能 网 络 ， 可 识别 信息 的 意义 ， 并 对 信息 自动 进行 解释 、 交 
换 和 处 理 ， 它 允许 Web 实体 〈 软 件 代 理 、 用 户 和 程序 ) 进行 互 操作 、 动 态 地 发 现 和 使 用 资 
源 、 提 取 知 识 并 解决 复杂 的 问题 。 

元 数据 是 对 Web 内 容 进行 了 注解 和 描述 ， 人 们 利用 元 数据 来 实现 计算 机 的 操作 。 语 义 
Web 分 资源 集 层 、 基 础 服务 集 层 和 应 用 程序 集 3 层 模型 ， 其 含义 如 下 。 
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(1) Web 资源 集 : 拥有 唯一 的 全 球 标识 ， 由 元 数据 以 一 种 通用 、 共 享 的 方式 描述 ， 并 
拥有 一 系列 通过 本 体 论 推理 判断 新 的 元 数据 和 识别 的 规则 。 

(2) 基础 服务 集 : 提供 基于 元 数据 、 本 体 论 和 语义 搜索 引擎 的 推理 和 查询 ， 是 对 现 有 
Internet 服务 (如 DNS、 基 于 关键 字 的 搜索 ) 的 极 大 改进 。 

(3) 使 用 基础 服务 集 开发 高 层 应 用 程序 集 。 

总 之 ,语义 Web 就 是 能 理解 人 类 语言 的 智能 网 络 ， 可 以 使 人 与 计算 机 之 间 的 交流 变 得 
很 轻松 。 通 过 将 Web 内 容 的 语法 结构 和 语义 以 知识 表示 形式 显 式 地 表示 出 来 ， 以 实现 与 其 
他 信息 源 共享 ， 使 得 人 之 间 、 人 和 机 器 之 间 以 及 机 器 与 机 器 之 间 能 准确 地 相互 理解 ， 从 而 
实现 最 大 程度 的 互 操作 性 。 语 义 Web 要 能 顺利 工作 ， 就 要 求 计算 机 能 结构 化 地 组 织 信息 和 
规则 集合 ， 以 使 计算 机 利用 规则 进行 自动 推理 。 

语义 Web 服务 是 在 Web 上 的 软件 构件 ， 它 实现 某 种 功能 以 满足 某 种 需求 。 第 一 ， 所 引 
用 的 Ontology 支持 自动 推理 ， 第 二 ， 智 能 Agent 能 够 理解 Ontology 中 的 概念 。 要 实现 这 两 
个 前 提 需 要 基于 描述 逻辑 的 本 体形 式 语言 (如 OWL) 和 标准 的 、 更 高 层次 的 本 体 〈 如 基于 
OWL 的 框架 OWL-S) 以 使 本 体 所 表达 的 语义 得 到 统一 。OWL 是 一 种 定义 和 实例 化 “Web 
本 体 ” 的 语言 ，OWL 提供 了 3 种 表达 能 力 递增 的 子 语 言 OWL Lite、OWL DL 和 OWLFull， 
以 分 别 用 于 特定 的 实现 者 和 用 户 团体 。OWL Lite 用 于 提供 给 那些 只 需要 一 个 分 类 层次 和 简 
单 约束 的 用 户 ，OWL DL 支持 那些 需要 最 强 表达 能 力 的 推理 系统 的 用 户 ，OWL Full 支持 那 
些 需要 尽管 没有 可 计算 性 保证 ,但 有 最 强 的 表达 能 力 和 完全 自由 的 RDF 语法 的 用 户 .OWL-S 
结构 图 如 图 1-3 所 示 。 


1-3 ”OWL-S 结构 图 


OWL-S 是 其 他 描述 技术 的 扩展 , 基于 XML 描述 语言 和 其 他 的 描述 规则 (RDF、RDFS、 
OWL、SWRL 等 )， 是 用 本 体 来 描述 Web 服务 的 标记 语言 。OWL-S 包括 3 个 部 分 : 服务 简 
档 、 服 务 模型 和 服务 基点 ， 其 中 ， 服 务 简 档 主要 用 于 Web 服务 的 发 现 描述 ， 它 包括 服务 提 
供 者 的 相关 信息 、 服 务 的 功能 及 其 他 属性 、 描 述 服务 特性 的 其 他 信息 〈 如 服务 的 传输 速度 
和 可 靠 性 )。 

目前 ， 语 义 Web 服务 研究 的 重点 是 元 数据 和 本 体 论 标准 建 模 和 实现 的 语言 和 技术 的 研 
究 ， 如 XML Schema、RDF Schema、DAML+OIL、OWL， 其 中 ，RDF 是 用 来 描述 资源 及 其 
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之 间 关 系 的 语言 规范 ， 它 不 仅 是 描述 数据 的 框架 ， 而 且 是 表示 数据 的 框架 。RDF 的 基本 数 
据 模 型 是 一 个 三 元 组 ， 其 基本 对 象 类 型 有 资源 、 属 性 、 陈 述 〈 又 称 声明 )。 每 一 个 资源 都 具 
有 属性 ， 每 一 个 资源 通过 唯一 资源 标识 符 URI 来 标识 ， 它 的 属性 由 属性 类 型 来 标识 ， 每 个 
属性 类 型 都 有 对 应 的 属性 值 。 属 性 类 型 表示 出 这 些 属 性 值 与 资源 之 间 的 关系 。 在 RDF 中 ， 
属性 值 要 么 是 一 些 被 公认 的 具有 原子 属性 的 事物 ， 要 么 是 其 他 的 资源 ， 而 这 些 资 源 本 身 又 
拥有 自身 的 属性 ， 所 有 指向 同一 资源 的 陈述 的 集合 称 为 该 资源 的 一 个 描述 。RDF 采用 XML 
语言 作为 编码 结构 ， 两 者 相互 兼容 。 其 主要 目标 是 定义 一 种 机 制 来 描述 资源 ， 使 用 RDF 模 
型 标识 的 元 数据 为 语义 Web 提供 有 关 语 义 信息 的 一 致 性 控制 。 

RDF Schema 使 用 一 种 机 器 可 以 理解 的 体系 来 定义 描述 资源 的 词汇 ,其 功能 就 像 一 个 字 
典 ， 可 以 将 其 理解 为 大 纲 或 规范 。RDFS 进一步 定义 了 建 模 原 语 ， 其 中 ， 主 要 的 类 有 
rdfs:Resourse 、rdfs:Class 和 rdf:Property; 主要 属性 有 rdfitype 、rdfs:sub-ClassOf 和 
rdfs:subPropertyOf; 核心 约束 有 rdfs:domain、rdfs:ConstraintResource、 rdfs:ConstraintProperty 
和 rdfs:range。 

本 体 (Ontology) 是 哲学 上 的 概念 ， 从 哲学 上 讲 ， 本 体 就 是 客观 现实 的 抽象 本 质 。 在 人 
工 智能 领域 ， 本 体 是 指 给 出 构成 相关 领域 词汇 的 基本 术语 和 关系 ， 以 及 利用 这 些 术 语 和 关 
系 构成 的 规定 这 些 词汇 外 延 的 规则 的 定义 。 现 在 计算 机 领域 对 本 体 最 流行 的 定义 就 是 概念 
模型 的 明确 的 规范 说 明 。 本 体 的 目标 就 是 获取 相关 领域 的 知识 ， 提 供 对 该 领域 知识 的 共同 
理解 ， 确 定 该 领域 内 共同 认可 的 概念 及 其 属性 ， 并 从 不 同 层次 的 形式 化 模式 上 给 出 这 些 概 
念 和 概念 之 间 相互 关系 的 明确 定义 。 人 类 、 数 据 库 和 应 用 软件 使 用 本 体 来 共享 领域 知识 (一 
个 领域 是 指 一 个 特定 的 学 科 范 围 或 者 知识 范围 ， 如 医药 、 设 备 制造 、 房 地 产 、 汽 车 修理 以 
及 财务 管理 等 )。 本 体 既 包括 一 个 领域 内 的 知识 ， 也 包括 各 种 领域 之 间 的 知识 ， 使 用 这 种 方 
式 使 知识 被 重用 。 本 体 描述 语言 有 很 多 ， 包 括 RDF(S)、OIL、DAML、DAML+OIL、OWL、 
SHOE 和 XOL 等 。 另 外 ， 开 发 本 体 的 工具 有 很 多 ， 有 KAON OntoMat SOEP、OntoEdit、 
Ontolingua、Protégé 等 。 语 义 Web 结构 图 如 图 1-4 所 示 。 


Signature 
Ontology Vocabulary 
RDF +RDF Schema 
XML+NS+XML Schema 


图 1-4 语义 Web 结构 图 


第 1 章 Web 概述 各 


1.4.6 Web3D 技术 


Web3D 技术 是 指 基于 Internet 的 、 依 靠 软件 技术 来 实现 的 桌面 级 虚拟 现实 技术 , 它 是 虚 
拟 现实 技术 中 的 一 种 实现 形式 .Web3D 的 出 现 最 早 可 追溯 到 VRML(Virtual Reality Modeling 
Language， 即 虚拟 现实 建 模 语 言 )。VRML 开始 于 20 世纪 90 年 代 初 期 ，1994 年 3 月 在 日 内 
瓦 召 开 的 第 一 届 Web 大 会 上 ， 首 次 正式 提出 了 VRML 这 个 名 字 。1998 年 ，VRML 组 织 更 
名 为 Web3D 组 织 ， 同 时 制订 了 一 个 新 的 标准 一 一 Extensible 3D (X-3D)。2000 年 的 春天 ， 
Web3D 组 织 完 成 了 VRML 到 X-3D 的 转换 。X-3D 标准 整合 了 正在 迅速 发 展 的 XML、Java、 
流 媒体 等 先进 技术 ， 为 Web3D 提供 了 更 强大 、 更 高 效 的 三 维 计算 能 力 、 泻 染 质 量 和 传输 速 
度 。X-3D 标准 的 发 布 ， 为 互联 网 3D 图 形 的 发 展 提供 了 广阔 的 应 用 前 景 ， 无 论 是 小 型 的 具 
有 3D 功能 的 Web 客户 端 应 用 ,还 是 高 性 能 的 广播 级 应 用 ,都 遵循 X-3D 标准 ， 从 而 结束 了 
当前 互联 网 3D 图 形 的 混乱 局 面 。 在 统一 的 X-3D 基本 框架 下 ， 保 证 了 不 同 软件 厂家 开发 的 
软件 具有 互 操作 性 。 目 前 ，Web3D 技术 已 越 来 越 多 地 应 用 在 过 程 模拟 、 城 市 规划 、 商 品 展 
示 和 娱乐 领域 。Wed3D 技术 将 有 广阔 的 发 展 前 景 ， 但 仍然 不 可 盲目 乐观 ， 它 也 面临 着 很 多 
问题 ， 如 带宽 、 处 理 器 速度 等 。 现 在 的 Web3D 图 形 有 几 十 种 可 供 选 择 的 技术 和 解决 方案 ， 
多 种 文件 格式 和 演 染 引擎 的 存在 是 Web3D 图 形 在 互联 网 上 应 用 的 最 大 障碍 。Web3D 技术 主 
要 是 指 建 模 技术 、 显 示 技 术 、 三 维 场景 中 的 交互 技术 。 


1. 建 模 技术 


虚拟 现实 技术 的 基础 是 三 维 复杂 模型 的 实时 建 模 与 动态 显示 ， 该 基础 可 以 分 为 3 类 。 
一 是 基于 几何 模型 的 实时 建 模 与 动态 显示 ， 二 是 基于 图 像 的 实时 建 模 与 动态 显示 ， 三 是 三 
维 扫描 成 型 技术 。 在 众多 的 Web3D 开发 工具 中 ，Cult3D 是 采用 基于 几何 模型 的 实时 建 模 与 
动态 显示 的 技术 ， 而 Apple 的 QTVR 则 是 采用 基于 图 像 的 三 维 建 模 与 动态 显示 技术 。 下 面 
分 别 介绍 这 3 种 技术 。 

(1) 基于 几何 模型 的 实时 建 模 与 动态 显示 技术 

在 计算 机 中 建立 起 三 维 几 何 模型 ， 一 般 均 用 多 边 形 表示 。 在 给 定 观察 点 和 观察 方向 以 
后 ， 使 用 计算 机 的 硬件 功能 ， 实 现 消 隐 、 光 照 及 投影 这 一 绘制 的 全 过 程 ， 从 而 产生 几何 模 
型 的 图 像 。 基 于 几何 模型 的 建 模 与 实时 动态 显示 技术 的 主要 优点 是 观察 点 和 观察 方向 可 以 
随意 改变 ， 不 受 限 制 ， 允 许 人 们 能 够 沉浸 到 仿真 建 模 的 环境 中 ， 充 分 发 挥 想象 力 ， 而 不 是 
只 能 从 外 部 去 观察 建 模 结果 。 基 于 几何 模型 的 实时 建 模 与 动态 显示 技术 能 够 满足 虚拟 现实 
技术 的 3I， 即 “沉浸 六 “交互 ”和 “想象 ”的 要 求 。 最 常用 的 基于 几何 模型 的 建 模 软件 是 
3ds max 和 Maya。3ds max 是 大 多 数 Web3D 软件 所 支持 的 ,可 以 把 它 生 成 的 模型 导入 使 用 。 

(2) 基于 现场 图 像 的 VR 建 模 技术 

基于 现场 图 像 的 VR 建 模 就 是 通过 摄像 机 对 景物 拍摄 完毕 后 , 自动 获得 所 摄 环境 或 物体 
的 二 维 增强 表象 或 三 维 模 型 。 在 建立 三 维 场景 时 ， 选 定 某 一 观察 点 设置 摄像 机 ， 每 旋转 一 
定 的 角度 ， 便 摄 入 一 幅 图 像 ， 并 将 其 存储 在 计算 机 中 ; 在 此 基础 上 实现 图 像 的 拼接 ， 即 将 
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物体 空间 中 同一 点 在 相 邻 图 像 中 对 应 的 像素 点 对 准 ; 对 拼接 好 的 图 像 实行 切割 及 压缩 存储 ， 
形成 全 景 图 。 基 于 现场 图 像 的 虚拟 现实 建 模 有 广泛 的 应 用 前 景 ， 它 尤其 适用 于 那些 难于 用 
几何 模型 的 方法 建立 真实 感 模型 的 自然 环境 ， 以 及 需要 真实 重 现 环境 原 有 风貌 的 应 用 。 相 
对 来 说 ， 基 于 图 像 的 建 模 技术 显然 只 能 是 对 现实 世界 模型 数据 的 一 个 采集 ， 并 不 能 够 给 VR 
设计 者 一 个 充分 的 、 自 由 想象 发 挥 的 空间 。 

(3) 三 维 扫描 成 型 技术 

三 维 扫描 成 型 技术 是 用 庞大 的 三 维 扫描 仪 来 获取 实物 的 三 维 信息 ， 其 优点 是 准确 性 高 ， 
但 这 样 的 扫描 设备 十 分 昂贵 ， 对 于 VR 的 普通 用 户 来 说 这 似乎 是 遥 不 可 及 的 事 。 


2. 显示 技术 


显示 技术 就 是 把 建立 的 三 维 模型 描述 转换 成 人 们 所 见 到 的 图 像 。 因 为 在 浏览 Web3D 文 
件 时 ， 一 般 都 需要 给 用 户 安装 一 个 支持 Web3D 的 浏览 器 插件 ， 这 个 对 于 初级 用 户 来 说 也 是 
一 件 麻烦 的 事情 。 但 Java3D 技术 在 这 方面 有 很 大 优势 ， 它 不 需要 安装 插件 ， 在 客户 端 用 一 
个 Java 解释 包 来 解释 就 行 了 。Microsoft 公司 宣布 ， 基 于 安全 的 理由 ， 它 不 再 支持 Java， 操 
作 系 统 Windows XP 也 没有 内 建 Java 虚拟 机 , 所 以 如 果 在 Windows XP 使 用 Java 3D 也 必须 
安装 Java 虚拟 机 。 其 他 Web3D 软件 是 必须 在 客户 端 安装 浏览 器 插件 的 。 


3. 交互 技术 


Web3D 实现 的 用 户 和 场景 之 间 的 交互 是 相当 丰富 的 ， 而 在 交互 的 场景 中 ， 实 现 用 户 和 
用 户 的 交流 也 将 成 为 可 能 ， 网 络 中 关键 是 交互 。 总 的 来 说 ， 建 立 模型 是 用 户 首先 要 做 的 事 
情 ， 也 是 相对 困难 的 步骤 ， 而 显示 是 由 软件 通过 计算 机 的 运算 完成 的 ， 用 户 不 需要 过 问 ， 
只 要 选择 显示 质量 能 满足 我 们 要 求 的 技术 就 行 了 ;交互 功能 的 强 弱 由 Web3D 软件 本 身 决定 ， 
但 用 户 可 以 通过 适当 的 编程 来 改善 软件 的 不 足 。 

下 面 介绍 4 款 典 型 的 Web3D 开发 工具 软件 。 

(1) Viewpoint 工具 

Viewpoint (Viewpoint Experience Technology) 工具 生成 的 文件 格式 非常 小 ， 三 维 多 边 
形 网 格 结构 具有 可 伸缩 (Scaleable) 和 流质 传输 (Steaming) 等 特性 ， 使 得 它 非常 适合 于 在 
网 络 上 应 用 。 可 以 在 它 的 3D 数据 下 载 的 过 程 中 看 到 一 个 由 低 精 度 的 粗糙 模型 逐步 转化 为 高 
精度 模型 的 完整 过 程 .在 数据 结构 上 , 它 分 为 两 个 部 分 , 一 是 存储 三 维 数据 和 贴图 数据 的 .mts 
文件 ,二 是 对 场景 参数 和 交互 进行 描述 的 基于 XML 的 .mtx 文件 。 它 具有 一 个 纯 软件 的 高 质 
量 实时 泻 染 引擎 ， 演 染 效果 接近 真实 而 不 需要 任何 的 硬件 加 速 设备 。VET 可 以 和 用 户 发 生 
交互 操作 ， 通 过 鼠标 或 浏览 器 事件 引发 一 段 动画 或 一 个 状态 的 改变 ， 从 而 动态 地 演示 一 个 
交互 过 程 。VET 除了 展示 三 维 对 象 外 还 犹如 一 个 能 容纳 各 种 技术 的 包容 器 ， 它 可 以 把 全 景 
图 像 作 为 场景 的 背景 ， 把 Flash 动画 作为 贴图 使 用 。Viewpoint 的 主要 运用 市 场 是 作为 物品 
展示 的 产品 宣传 和 电子 商务 领域 。 许 多 著名 的 公司 与 电子 商务 网 站 使 用 了 此 技术 作为 产品 
展示 ,虽然 不 如 Cult3D 那样 普及 , 但 凭借 着 强大 的 功能 还 是 赢得 了 不 少 用户 的 青睐 , 像 Fuji、 
Dell、Sony 等 公司 。 
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(2) Cult3D 工具 
Cult3D 是 一 种 轩 新 的 3D 网 络 技术 ， 利 用 Cult3D 技术 可 以 做 到 档案 小 、3D 真实 互动 、 
跨 平台 运用 ， 只 要 用 鼠标 在 3D 物件 上 直接 拖 动 ， 就 可 以 移动 、 旋 转 、 放 大 缩小 ， 还 可 以 在 
Cult3D 文件 中 加 入 音效 和 操作 指引 。 对 于 窒 带 网 的 应 用 ,Cult3D 也 是 最 好 的 解决 方案 之 一 。 
Cult3D 的 文件 量 非 常 小 (20KB 一 200KB)， 却 有 近乎 完美 的 三 维 质感 表现 ， 对 于 一 般 的 浏 
览 器 只 需 安装 一 个 插件 即 可 浏览 。 和 Viewpoint 相 比 ，CulB3D 在 表 观 和 交互 上 和 Viewpoint 
相似 ， 但 CulB3D 的 内 核 基 于 Java， 它 甚至 可 以 嵌入 Java 类 ， 利 用 Java 来 增强 交互 和 扩展 ， 
Cult3D 的 开发 环境 比 Viewpoint 人 性 化 和 条 理化 , 开发 效率 也 要 高 得 多 。 如 果 要 发 布 产品 到 
网 络 上 观看 , Viewpoint 或 Cult3D 都 是 不 错 的 选择 , 而 Shockwave3 适合 开发 三 维 在 线 游戏 。 
(3) Pulse3D 工具 
Pulse3D 在 娱乐 游戏 领域 发 展 已 经 有 好 多 年 的 历史 ， 现 在 ，Pulse 凭借 其 在 游戏 方面 的 
开发 经 验 把 3D 带 到 了 网 上 ， 它 瞄准 的 目标 市 场 也 是 娱乐 业 。Pulse 提供 了 一 个 多 媒体 平台 ， 
襄 括 2D/3D 图 形 、 声 音 、 文 本 、 动画 。Pulse 平台 分 为 3 个 组 件 : Pulse Player、Pulse Producer 
和 Pulse Creator。 Pulse Player 也 即 播放 器 插件 , 除了 为 IE 和 Netscape 提供 的 浏览 器 插件 外 ， 
Pulse 还 得 到 了 Apple 和 Real net work 的 支持 ,在 Quicktime 和 RealPlayer 中 已 经 包含 了 Pulse 
播放 器 。Pulse Producer 是 用 来 在 三 维 动画 工具 中 输出 Pulse 所 需 数据 的 插件 。 常 见 的 支持 
3D 的 软件 有 3D studio max 和 Maya 的 插件 。 能 够 输出 到 Pulse 中 的 数据 包括 几何 体 网 格 、 
纹理 、 骨 骼 变形 系统 (支持 Character Studio)、Morph 网 格 变形 动画 、 关 键 帧 动画 、 音 轨 信 
息 和 摄像 机 信息 。Pulse 还 支持 从 Vrml 和 BioVision 的 输入 。Pulse Creator 是 Pulse 总 的 组 装 
平台 。 导 入 Pulse Producer 生成 的 数据 后 ，Pulse Creator 进行 加 入 交互 性 、 打 光 、 压 缩 、 流 
传输 和 缓存 等 功能 操作 。 
(4) Plasma 工具 
Plasma 是 3ds max 的 Web3D 版 本 ， 其 简洁 的 界面 、 直 观 的 用 法 、 强 大 的 Havoc 引擎 ， 
从 各 种 角度 来 说 都 是 一 款 相当 不 错 的 软件 。 而 Plasma 支持 Flash、Shockwave 和 VRML 的 
输出 , 对 于 大 部 分 3D 设计 师 来 说 , 这 些 功 能 已 经 很 足够 了 。 但 是 , 也 有 不 少 人 认为 ，Plasma 
有 点 像 是 专门 为 Shockwave 设计 的 建 模 工具 ， 应 用 范围 大 大 缩小 了 。 而 且 Plasma 的 内 容 输 
出 到 Shockwave 以 后 ， 固 然 能 够 表现 出 不 错 的 质量 ， 但 是 在 Flash 里 面 却 并 非 如 此 ， 这 似乎 
与 注重 写实 感 的 Web3D 项 目 开发 用 途 有 些 不 符 。 另外, 它 在 支持 VRML 输出 方面 的 功能 比 
起 3ds max 或 者 其 他 软件 来 说 并 不 占 优势 .Plasma 可 以 说 是 世界 上 最 早 的 专门 为 2D、3D Web 
用 户 设计 的 三 维 建 模 、 动 画 和 演 染 软件 。 作 为 3D 建 模 工具 ， 它 完全 继承 了 3ds max 强大 的 
建 模 功能 ， 而 且 支 持 Web Rendering (Flash Renderer) 和 Exporting Tool， 另 外 ， 它 还 整合 了 
Macromedia 公司 的 Flash、Shockwave 3D 等 设计 工具 和 文件 格式 。 从 这 些 现象 看 来 , Discreet 
推出 Plasma 的 一 个 很 大 的 目标 就 是 ， 通 过 让 平面 设计 师 掌握 3D 工具 ， 从 而 更 快 地 生成 
Web3D 内 容 。Plasma 的 主要 功能 和 特征 是 可 以 转换 为 Shockwave 3D 文件 的 ，Plasma 文件 
可 以 输出 成 Web3D 文件 一 Shockwave 3D Scene Export, 而 且 还 可 以 导入 到 Director8.5。 此 
外 ，Plasma 还 可 以 输出 为 *.AL (Illustrator 文件 )、*.DXF (AutoCAD 文件 ) 和 *.VRL (VRML 
文件 ) 3 种 格式 。Flash 动画 制作 可 以 说 是 Plasma 最 重要 的 功能 之 一 。Plasma 有 两 种 泻 染 方 
式 , 一 种 是 3ds max 中 Bitmap 方式 的 Scanline 演 染 方式 ， 另 外 一 种 是 矢量 方式 的 Flash 滨 染 
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方式 。 这 样 ， 以 前 Flash 用 户 需要 经 过 长 时 间 手 动 操作 才能 完成 的 建 模 过 程 就 可 以 通过 
Plasma 轻松 完成 了 ， 而 且 能 够 节省 大 量 的 时 间 和 费用 。Flash 演 染 方式 不 支持 纹理 ， 所 以 ， 
泻 染 后 的 画面 有 明显 的 漫画 风格 。 


153 小 结 


本 章 着 重 介绍 了 关于 Web 的 基本 概念 和 技术 ， 它 们 分 别 是 Web 定义 、Web 工作 模式 
(B/S)、Web 服务 优势 及 发 展 趋势 、 通 过 CGI、API、ODBC、JDBC 驱动 方式 访问 Web 数 
据 库 以 及 ASPNET、JSP、Ajax、 语 义 Web、Web3D 等 技术 知识 。 


1.6 思 考 题 


。Web 一 词 包含 几 层 含义 ? 

.常见 的 Web 服务 器 有 哪儿 种 ? 

.Web 工作 模式 基于 什么 结构 ? 

.通过 Web 访问 数据 库 有 哪些 驱动 方式 ? 
什么 是 语义 Web? 

. 画 出 语义 Web 的 分 层 结构 。 

.Web3D 开发 软件 有 哪些 ? 各 自 的 特点 是 什么 ? 


~ 上 wwi 一 
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Web 网 页 是 用 HTML 和 XML 标记 语言 书写 的 具有 特定 格式 的 文档 ， 那 么 标记 语言 是 
什么 ”本章 将 重点 对 标记 语言 的 发 展 过 程 ， 特 别 是 HTML 及 XML 的 概念 进行 详细 、 深 入 
的 介绍 。 


2.1 标记 语言 的 发 展 历程 


2.1.1 SGML 


在 20 世纪 80 年 代 ， 为 了 方便 数据 的 交换 和 控制 ，IBM 公司 的 内 部 人 员 开始 寻求 文档 
结构 化 的 标准 方法 ， 提 出 在 各 文档 之 间 共 享 一 些 相 似 的 属性 ， 如 字体 大 小 和 版 面 。IBM 设 
计 了 一 种 文档 系统 ， 通 过 文档 中 辅 加 一 种 标签 ， 从 而 可 以 标识 文档 中 的 每 种 元 素 。 这 样 文 
档 的 显示 和 打印 可 能 更 少 或 更 多 地 依赖 特殊 的 硬件 ， 不 过 这 样 的 系统 需要 不 同 的 计算 机 系 
统 提供 专门 的 软件 来 显示 和 打印 文档 。IBM 把 自己 这 种 标识 语言 称 作 通 用 标记 语言 

(Generaized Markup Language)， 即 GML。 

与 此 同时 ， 其 他 机 构 也 开发 了 类 似 这 样 的 技术 ， 但 各 自 所 有 ， 互 不 兼容 ， 没 有 统一 的 
标准 。GML 出 现 以 后 ，IBM 没 在 其 上 做 太 多 工作 ， 直 到 1986 年 ， 国 际 标准 化 组 织 〈ISO) 
认为 IBM 提出 的 通用 标记 语言 这 个 概念 很 好 ， 才 发 布 了 为 生成 标准 化 文档 而 定义 的 标记 语 
言 标 准 (ISO8879)， 并 称 之 为 标准 通用 标记 语言 (Standard Generalized Markup Language， 
SGML)， 即 标准 通用 标记 语言 。 

SGML 是 一 项 强大 和 灵活 的 技术 ， 因 而 不 可 避免 地 带 来 很 大 的 复杂 性 和 处 理 开 销 。 


2.1.2 HTML 


SGML 定义 了 许多 不 同类 型 的 文档 ，HTML 即 超 文 本 标记 语言 (Hypertext Markup 
Language)， 定 义 了 超 文 本 文档 的 SGML 的 子 集 。 人 们 习惯 使 用 术语 HTML 表示 超 文 本 文 
档 本 身 〈 属 于 一 种 特殊 类 型 的 SGML 文档 ) 和 用 以 产生 超 文本 文档 的 标记 语言 。 用 HTML 
编写 的 超 文本 文档 称 为 HTML 文档 ， 它 能 独立 于 各 种 操作 系统 平台 〈 如 UNIX、Windows 
等 )。 自 1990 年 以 来 ，HTML 就 一 直 被 用 作 World Wide Web 上 的 信息 标记 语言 ， 用 于 描述 
Homepage 的 格式 设计 和 它 与 WWW 上 其 他 Homepage 的 连接 信息 。 虽 然 HTML 语言 描述 
了 文档 的 结构 格式 ， 但 并 不 能 精确 地 定义 文档 信息 必须 如 何 显示 和 排列 ， 而 只 是 建议 Web 
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浏览 器 (如 Mosiac、Netscape 等 ) 应 该 如 何 显示 和 排列 这 些 信 息 ， 最 终 在 用 户 面前 的 显示 结 
果 取 决 于 Web 浏览 器 本 身 的 显示 风格 及 其 对 标记 的 解释 能 力 ， 这 就 是 为 什么 同一 文档 在 不 
同 的 浏览 器 中 展示 的 效果 会 不 一 样 。 


2.1.3 XHTML 


XHTML 是 一 种 增强 了 的 HTML, 它 的 可 扩展 性 和 灵活 性 将 适应 未 来 网 络 应 用 更 多 的 需 
求 。 自 从 1990 年 Tim Berners-Lee 设计 出 HTTP/HTML 并 创立 Web 后 ， 万 维 网 和 超 文 本 标 
记 语 言 HTML 取得 了 巨大 成 功 ， 得 到 了 十 分 广泛 的 应 用 。 但 是 由 于 HTML 的 结构 与 外 观 混 
杂 在 一 起 ， 且 内 容 往往 被 形式 所 掩盖 ， 使 数据 的 管理 和 信息 的 检索 难以 进行 ， 加 上 微软 和 
网 景 公司 的 浏览 器 各 自 的 扩展 互 不 兼容 ， 给 网 页 的 设计 与 维护 带 来 很 大 的 困难 。 网 页 发 布 
迫切 需要 一 种 兼容 通用 、 内 容 与 形式 彻底 分 离 且 容易 扩展 的 新 网 页 发 布 的 标记 语言 。 基 于 
以 上 原因 ， 以 Berners-Lee 为 首 的 W3C (World Wide Web Consortium, 万 维 网 协会 ) 于 1998 
年 推出 了 可 扩展 标记 语言 XML (1.0: 1998.2.10)， 并 于 2000 年 用 XML 重 写 HTML， 推 出 
了 基于 XML 的 新 网 页 发 布 标记 语言 XHTML (Extensible HyperText Markup Language， 可 扩 
展 超 文本 标记 语言 )。 


2.1.4 XML 


XML 是 Extensible Markup Language 的 缩写 ， 意 为 可 扩展 的 标记 语言 。XML 并 不 是 一 
种 新 语言 ， 它 是 SGML 的 一 个 子 集 ，SGML 是 一 种 非常 通用 的 标记 语言 , 但 是 非常 难 掌握 。 
HTML 是 SGML 的 子 集 , 但 由 于 HTML 预定 义 的 标记 集合 的 限制 使 它 失 去 了 灵活 性 。 XML 
是 元 标记 语言 (Meta-Markup Language)， 可 以 用 来 创建 特定 领域 的 语言 ， 而 且 XML 是 自 
解释 语言 XML 的 好 处 是 易于 掌握 ， 易 于 理解 。XML 首先 创建 于 1996 年 ， 随 后 迅速 发 展 
起 来 ，1998 年 2 月 成 为 W3C 标准 。XML 文档 的 语法 和 语义 定义 由 W3C 负责 。 


2.1.5 DHTML 


首先 来 看 网 站 页 面 的 一 个 重要 特性 一 一 当 浏 览 者 将 鼠标 指针 移动 到 页 面 导航 条 上 时 ， 
会 动态 地 弹出 一 个 菜单 ， 在 该 菜单 中 移动 鼠标 ， 所 指向 的 菜单 项 变 为 红色 显示 ; 如 果 将 鼠 
标 指针 移出 菜单 所 在 范围 ， 则 菜单 自动 隐藏 ， 如 果 将 鼠标 指针 移动 到 导航 条 上 另外 一 个 
域 ， 则 会 弹出 另外 一 个 菜单 ， 这 种 效果 非常 类 似 于 Windows 应 用 程序 的 特性 ， 即 通过 图 形 
化 的 界面 为 用 户 提供 尽 可 能 多 的 功能 。 实 际 上 ， 采 用 这 种 方式 可 以 使 同一 个 页 面 中 包含 更 
多 的 信息 , 对 于 一 个 庞大 的 站 点 来 说 , 这 个 特性 非常 有 用 。 要 实现 这 种 效果 , 单纯 依靠 HTML 
和 JavaScript 已 经 无 法 实现 ， 必 须 采 用 新 的 技术 一 一 这 就 是 动态 HITML。 所 谓 动态 HTML 
(Dynamic HTML)， 其 实 并 不 是 一 种 新 的 语言 ， 它 只 是 HTML、CSS 和 客户 端 脚本 的 一 种 
集成 ， 即 一 个 页 面 中 包括 HTML+CSS+JavaScript (或 其 他 客户 端 脚本 )， 其 中 ，CSS 和 客户 
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端 脚 本 是 直接 在 页 面 上 写 而 不 是 链接 上 相关 文件 。 使 用 DHTML 技术 ， 可 使 网 页 设计 者 创 
建 出 能 够 与 用 户 交互 并 包含 动态 内 容 的 页 面 。 实际 上 , DHTML 使 网 页 设计 者 可 以 动态 操纵 
网 页 上 的 所 有 元 素 ， 甚 至 是 在 这 些 页 面 被 装载 以 后 。 利用 DHTML， 网 页 设计 者 可 以 动态 地 
隐藏 或 显示 内 容 、 修 改 样式 定义 、 激 活 元 素 以 及 为 元 素 定位 。DHTML 还 可 使 网 页 设计 者 在 
网 页 上 显示 外 部 信息 ， 方 法 是 将 元 素 捆绑 到 外 部 数据 源 〈 如 文件 和 数据 库 ) 上 。 所 有 这 些 
功能 均 可 用 浏览 器 完成 而 无 须 请 求 Web 服务 器 ， 也 无 须 重 新 装载 网 页 。 这 是 因为 一 切 功能 
都 包含 在 HIML 文件 中 ， 随 着 对 网 页 的 请 求 而 一 次 性 下 载 到 浏览 器 端 。 


2.1.6 SHTML 


SHTML 是 Server HTML 即 服务 器 端的 HTML， 当 浏览 网 站 时 激活 服务 器 上 的 CGI 脚 
本 程序 而 动态 地 自动 生成 。SHTML 是 一 个 用 于 SSI 技术 的 文件 。SSI 是 Server Side Include 
的 缩写 ， 通 常 称 为 “服务 器 端 嵌 入 ” 它 是 一 种 类 似 于 ASP 的 基于 服务 器 的 网 页 制作 技术 。 
SHTML 和 HTML 格式 差不多 ，SHTML 的 页 面 可 以 使 用 include 嵌入 另外 的 HTML 页 面 ， 
这 样 可 以 把 一 个 网 站 中 的 公用 部 分 分 离 出 来 ， 然 后 再 使 用 include 将 其 嵌入 到 静态 页 面 中 ， 
静态 页 面 则 不 能 。 但 由 于 安全 性 的 问题 和 其 他 动态 显示 技术 的 出 现 ，SHTML 的 发 展 前 景 不 
是 很 好 。 


2.2 超 文 本 标记 语言 HTML 


HTML 文档 是 放置 了 标记 的 文本 文件 ， 文 件 扩展 名 为 .html 或 .htm。 

生成 一 个 HTML 文档 主要 有 以 下 3 种 途径 : 

@ 手工 直接 编写 (如 用 文本 编辑 器 或 其 他 HTML 的 编辑 工具 )。 

@ ”通过 某 些 格式 转换 工具 将 现 有 的 其 他 格式 文档 (如 Word 文 档 ) 转换 成 HTML 文档 。 

@ 由 Web 服务 器 (或 称 HTTP 服务 器 ) 一 方 实时 动态 地 生成 。 

HTML 的 最 高 主 版 本 为 4.0，HTML 将 被 XHTML 所 取代 ， 但 是 HTML 是 XHTML 的 
基础 ， 因 此 ， 学 习 HTML 还 是 非常 必要 的 。 


2.2.1 HTML 文件 的 页 面 结 构 


HTML 文档 是 由 一 系列 的 元 素 和 标签 组 成 的 ， 元 素 名 不 区 分 大 小 写 。HTML 用 标签 来 
规定 元 素 的 属性 和 它 在 文件 中 的 位 置 。HTML 超 文本 文档 分 文档 头 和 文档 体 两 部 分 ， 在 文档 
头 中 ， 对 这 个 文档 进行 了 一 些 必 要 的 定义 ， 文 档 体 中 才 是 要 显示 的 各 种 文档 信息 。 下 面 是 
一 个 最 基本 的 html 文档 的 代码 。 
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例 2.1 用 记事 本 编写 如 下 代码 : 


<html> 
<head> 
<title> 一 个 简单 的 HTML 示例 </ title > 
</head> 
<body> 
<center> <h1> 欢 迎 光临 我 的 主页 </h1> 
<br> 
<hr> 
<font size= 7 color= red> 
这 是 我 第 一 次 做 主页 
</font> 
</center> 
</body> 
</html> 


把 该 文件 保存 为 以 .html 为 后 级 的 文件 ， 双 击 该 文件 ， 就 可 以 看 到 第 一 个 主页 的 效果 。 
在 文档 的 最 外 层 ， 文 档 中 的 所 有 文本 和 html 标签 都 包含 在 <html> 和 </html> 中 ， 它 标记 该 文 
档 是 以 超 文本 标识 语言 (HTML) 编写 的 。 事 实 上 ， 现 在 常用 的 Web 浏览 器 都 可 以 自动 识 
别 HTML 文档 ， 并 不 要 求 有 标签 ， 也 不 对 该 标签 进行 任何 操作 ， 但 是 为 了 使 HTML 文档 能 
够 适应 不 断 变化 的 Web 浏览 器 ， 还 是 应 该 养 成 不 省 略 这 对 标签 的 良好 习惯 。 

<head> 和 </head> 是 HTML 文档 的 头 部 标签 ， 在 浏览 器 窗口 中 ， 头 部 信息 是 不 显示 在 正 
文中 的 ， 在 此 标签 中 可 以 插入 其 他 标记 ， 用 以 说 明文 件 的 标题 和 整个 文件 的 一 些 公共 属性 。 
若 不 需要 头 部 信息 则 可 省 略 此 标记 ， 良 好 的 习惯 是 不 省 略 。 

<title> 和 </title> 是 嵌 套 在 <head> 头 部 标签 中 的 ， 标 签 之 间 的 文本 是 文档 标题 ， 它 显示 在 
浏览 器 窗口 的 标题 栏 。 

<body> 和 </body> 标 记 一 般 不 省 略 ， 标 签 之 间 的 文本 是 正文 ， 是 在 浏览 器 中 要 显示 的 页 
面 内 容 。 

上 面 的 这 几 对 标签 在 文档 中 都 是 唯一 的 , head 标签 和 body 标签 是 嵌 套 在 html 标签 中 的 。 


2.2.2 HTML 的 基本 标签 


下 面 介绍 HTML 的 基本 标签。 
(1) <html> 和 </html> 
<html> 标 签 放 在 HTML 文档 的 最 前 面 , 用 于 标识 HTML 文档 的 开始 ; 而 </html> 标 签 恰 
恰 相 反 ， 它 放 在 HTML 文档 的 最 后 面 ， 用 于 标识 HTML 文档 的 结束 ， 两 个 标签 必须 成 对 使 
用 ， 网 页 中 所 有 其 他 的 内 容 都 要 放 在 <html> 和 </html> 之 间 。 
(2) <head> 和 </head> 
一 个 网 页 文档 从 总 体 上 可 分 为 头 和 主体 两 部 分 。<head> 和 </head> 定 义 了 HTML 文档 的 
头 部 分 ， 必 须 是 起 始 标签 和 结束 标签 成 对 使 用 。 在 此 标签 对 之 间 可 以 使 用 <title > 和 </title>、 
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<script> 和 </scrip 世 等 标签 对 ， 这 些 标签 对 都 是 描述 HTML 文档 相关 信息 的 标签 对 ，<head> 
和 </head> 标 签 对 之 间 的 内 容 是 不 会 在 浏览 器 的 文档 窗口 中 显示 出 来 的 。 

(3) <title> 和 </title> 

使 用 过 浏览 器 的 人 可 能 都 会 注意 到 浏览 器 窗口 的 标题 栏 上 显示 的 文本 信息 ， 那 些 信 息 
一 般 是 网 页 的 “主题 ”， 要 将 网 页 的 主题 显示 到 浏览 器 的 顶部 其 实 很 简单 ， 只 要 在 <title> 和 
<title> 标 签 对 之 间 加 入 主题 文本 即 可 。 注 意 ，<title> 和 </title> 标 答对 只 能 放 在 <head> 和 
</head> 标 签 对 之 间 。 

(4) <body> 和 </body> 

<body> 和 </body> 定 义 了 HTML 文档 的 主体 部 分 , 必须 是 起 始 标 签 与 结束 标签 成 对 使 用 。 
在 <body> 和 </body> 之 间 放 置 的 是 实际 要 显示 的 文本 内 容 和 其 他 用 于 控制 文本 显示 方式 的 
标签 ， 如 <p>、</p>、<h1>、</h1>、<br>、</br> 等 ， 它 们 中 间 所 定义 的 文本 、 图 像 等 会 在 
浏览 器 的 窗口 内 显示 出 来 。 对 于 < body > 标签 ， 有 以 下 一 些 主 要 属性 。 

@ text: 用 于 设 定 整 个 网 页 中 的 文字 颜色 。 
link: 用 于 设 定 一 般 超 链接 文本 的 显示 颜色 。 
alink: 用 于 设 定 鼠 标 移动 到 超 链接 上 并 按 下 鼠标 时 ， 超 链接 文本 的 显示 颜色 。 
vlink: 用 于 设 定 访问 过 的 超 链接 文本 的 显示 颜色 。 
background: 用 于 设 定 背 景 墙纸 所 用 的 图 像 文件 ， 可 以 是 GIF 或 JPEG 文件 的 绝对 
或 相对 路 径 。 

@ bgcolor: 用 于 设 定 背景 颜色 ， 当 已 设 定 背 景 墙纸 时 ， 这 个 属性 会 失去 作用 ， 除 非 

墙纸 具有 透明 部 分 。 

@ leftmargin: 设 定 网 页 显示 画面 与 浏览 器 窗口 左边 沿 的 间隙 ， 单 位 为 像素 。 

@ topmargin: 设 定 网 页 显示 画面 与 浏览 器 窗口 上 边沿 的 间隙 ， 单 位 为 像素 。 

<body> 标 签 还 有 一 些 其 他 的 公共 属性 ， 如 class、name、id、style 等 ， 对 这 些 属性 确切 
的 含义 和 作用 ， 需 要 读者 结合 一 些 具体 的 实际 应 用 加 以 理解 。 


2.2.3 ”起 链 接 


例 2.2 建立 一 个 超 链接 ， 代 码 如 下 : 


<html> 

<body> 

<p> 

<a href="../haut/html_xxxy/gongchengxi"> 这 是 一 个 链接 </a> 

</p> 

<p> 

<a href="http://www.haut.edu.cn/xxxy" target=_blank> 河 南 工业 大 学 信息 学 院 站 点 链接 </a> 
</p> 

</body> 

</html> 
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上 面 这 个 示例 说 明了 如 何在 HTML 文件 中 创建 超 链 接 。 
例 2.3 建立 一 个 图 片 超 链 接 的 代码 如 下 : 


<html> 

<body> 

<p> 

将 一 张 图 片 作为 一 个 超 链 接 ， 单 击 图 片 。 

<a href="../haut/html_xxxy/gongchengxi.html"><img src="../images/html_xxxy/123.jpg" ></a> 
</p> 

</body> 

</html> 


这 个 示例 说 明了 如 何 将 一 个 图 片 作为 一 个 超 链 接 , 单 击 一 个 图 片 ， 即 可 链接 到 其 他 文件 。 
下 面 首先 讲解 a 的 用 法 。a 是 anchor 的 缩写 , <a> 可 以 指向 任何 一 个 文件 源 、 一 个 HTML 
网 页 、 一 张 图 片 或 一 个 影视 文件 等 ， 其 用 法 如 下 : 


<a href="url"> 链 接 的 显示 文字 </a> 
单 击 <a> 和 </a> 当 中 的 内 容 ， 即 可 打开 一 个 链接 文件 ， 其 属性 如 下 。 


@ href 属性 : 指明 链接 文件 的 路 径 。 如 链接 到 haut.edu.cn/xxxy 站 点 首页 ， 就 可 以 表 
示 为 : 


<a href="http://www.haut.edu.cn/xxxy"> 河 南 工业 大 学 信息 学 院 首 页 </a> 

@ target 属性 : 可 以 在 一 个 新 窗口 里 打开 链接 文件 。 如 : 

<a href="http://www.haut.edu.cn/html" target=_blank> 河 南 工业 大 学 信息 学 院 首 页 </a> 

@ title 属性 :可 以 让 鼠标 悬 停 在 超 链接 上 时 ， 显 示 该 超 链 接 的 文字 注释 。 如 ， 


<a href="http://www.haut.edu.cn/xxxy" title = "河南 工业 大 学 信息 学 院 WEB 基础 教程 中 文 站 点 "> 河 
南 工业 大 学 信息 学 院 网 站 </a> 


如 果 希 望 注释 多 行 显示 ， 可 以 使 用 “&#10;” 作 为 换行 符 。 如 : 


<a href="http://www.haut.edu.cn/xxxy" title = "河南 工业 大 学 信息 学 院 &#10;WEB 基础 教程 中 文 站 点 "> 
河南 工业 大 学 信息 学 院 网 站 </a> 


@ name 属性 : 可 以 跳 转 到 一 个 文件 的 指定 部 位 。 使 用 name 属性 ， 要 设置 一 对 ， 一 
是 设 定 name 的 名 称 ， 二 是 设 定 一 个 href 指向 这 个 name。 
例 2.4 name 属性 的 用 法 。 


<html> 

<body> 

<p> 

<a href="#C6"> 参 见 第 6 章 </a> 
</p> 

<p> 
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<a name="C1"><h2> 第 1 章 </h2></a> 

<p> 这 是 河南 工业 大 学 网 站 信息 学 院 -Web 教程 中 文 站 点 。</p> 
<a name="C2"><h2> 第 2 章 </h2></a> 

<p> 这 是 河南 工业 大 学 网 站 信息 学 院 -Web 教程 中 文 站 点 。</p> 
<a name="C3"><h2> 第 3 章 </h2></a> 

<p> 这 是 河南 工业 大 学 网 站 信息 学 院 -Web 教程 中 文 站 点 。</p> 
<a name="C4"><h2> 第 4 章 </h2></a> 

<p> 这 是 河南 工业 大 学 网 站 信息 学 院 -Web 教程 中 文 站 点 。</p> 
<a name="C5"><h2> 第 5 章 </h2></a> 

<p> 这 是 河南 工业 大 学 网 站 信息 学 院 -Web 教程 中 文 站 点 。</p> 
<a name="C6"><h2> 第 6 章 </h2></a> 

</body> 

</html> 


name 属性 通常 用 于 创建 一 个 大 文件 的 章节 目录 (table of contents)。 每 个 章节 都 建立 一 
个 超 链接 ， 放 在 文件 的 开始 处 ， 每 个 章节 的 开头 都 设置 name 属性 。 当 用 户 单 击 某 个 章节 的 
超 链接 时 ， 这 个 章节 的 内 容 就 显示 在 最 上 面 。 如 果 浏 览 器 不 能 找到 name 指定 的 部 分 ， 则 显 
示 文 章 开头 ， 不 报错 。 在 网 站 中 ， 可 能 经 常会 看 到 “联系 我 们 ” 超 链 接 ， 单 击 该 超 链接 ， 
就 会 触发 邮件 客户 端 ， 如 Outlook Express， 然 后 显示 一 个 新 建 mail 窗口 。 用 <a> 可 以 实现 这 
样 的 功能 ， 如 : 


<a href = "mailto:gongchengxi@haut.edu.cn"> 联 系 工程 系 </a> 


2.2.4 列表 


HTML 有 3 种 列表 形式 : 排序 列表 (Ordered List)、 不 排序 列表 (Unordered List) 和 定 
义 列表 (Definition List)。 

(1) 排序 列表 

在 排序 列表 中 ， 每 个 列表 项 前 标 有 数字 ， 表 示 顺 序 。 排 序列 表 由 <ol> 开 始 ， 每 个 列表 项 
由 <l 认 开始 。 

例 2.5 排序 列表 示例 代码 。 


<html> 

<body> 

<h4> 一 个 排序 列表 (Ordered List): </h4> 
<ol> 

<li> 河 南 工 业 大 学 信息 学 院 之 网 页 课程 </li> 
<li> 河 南 工业 大 学 信息 学 院 之 Web 课程 </li> 
<li> 河 南 工 业 大 学 信息 学 院 之 Java 课程 </li> 
</ol> 

</body> 

</html> 
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(2) 不 排序 列表 

不 排序 列表 不 用 数字 标记 每 个 列表 项 ， 而 采用 一 个 符号 标志 每 个 列表 项 ， 如 圆 黑 点 。 
不 排序 列表 由 <ul> 开 始 ， 每 个 列表 项 由 <li> 开 始 。 

例 2.6 不 排序 列表 的 示例 代码 。 


<html> 

<body> 

<h4> 不 排序 列 (Unordered List): </h4> 

<ul> 

<li> 河 南 工业 大 学 信息 学 院 之 网 页 课程 </li> 
<li> 河 南 工业 大 学 信息 学 院 之 Web 课程 </li> 
<li> 河 南 工 业 大 学 信息 学 院 之 Java 课程 </li> 
</ul> 

</body> 

</html> 


(3) 定义 列表 

定义 列表 通常 用 于 术语 的 定义 。 定义 列表 由 <d 记 开始。 术语 由 <d 忆 开始, 英文 意 为 definition 
term。 术 语 的 解释 说 明 ， 由 <dd> 开 始 ，<dd> 和 </dd> 中 的 文字 缩 进 显示 。 

例 2.7 定义 列表 示例 。 


<html> 

<body> 

<h4> 定 义 列表 (Definition List): </h4> 
<dl> 

<dt> 人 </dt> 

<dd> 能 够 直立 行走 并 会 使 用 工具 的 高 级 动物 ， 具 备 一 定 程度 的 高 级 智商 。</dd> 
<dt> 黄 种 人 </dt> 

<dd> 指 皮肤 棕 黄 色 ， 多 居住 在 亚洲 </dd> 
</dl> 

</body> 

</html> 


2.2.5 ”表格 


HTML 中 用 <table> 标 记 表格 。 一 个 表格 可 以 分 成 很 多 行 (row)， 用 <tr> 表 示 ; 每 行 又 可 以 
分 成 很 多 单元 格 (cell)， 用 <td> 表 示 。 

例 2.8 显示 表格 示例 。 

<html> 

<body> 

<p> 


<head> 表 格 所 用 到 的 标签 : 整个 表格 开始 要 用 table， 每 一 行 开始 要 用 tr， 每 一 单元 格 开始 要 用 td。 


</p> 

<h4> 只 有 一 行 (Row) 一 列 〈Column) 的 表格 </h4> 
<table border="1"> 

<tr> 

<td>100</td> 

</tr> 

</table> 

<h4> 一 行 三 列 的 表格 </h4> 
<table border="1"> 

<tr> 

<td>100</td> 
<td>200</td> 
<td>300</td> 

</tr> 

</table> 

<h4> 两 行 三 列 的 表格 </h4> 
<table border="1"> 

<tr> 

<td>100</td> 
<td>200</td> 
<td>300</td> 

</tr> 

<tr> 

<td>400</td> 
<td>500</td> 
<td>600</td> 

</tr> 

</table> 

</body> 

</html> 


例 2.9 不 显示 边界 的 表格 示例 。 


<html> 
<body> 
<h4> 上 默认 情况 下 ， 表 格 没有 边界 。</h4> 
<table> 

<tr> 
<td>100</td> 
<td>200</td> 
<td>300</td> 
</tr> 

<tr> 
<td>400</td> 
<td>500</td> 
<td>600</td> 
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</tr> 

</table> 

<h4> 表 格 Border 设 为 0， 也 不 显示 边界 : </h4> 
<table border="0"> 
<tr> 

<td>100</td> 
<td>200</td> 
<td>300</td> 

</tr> 

<tr> 

<td>400</td> 
<td>500</td> 
<td>600</td> 

</tr> 

</table> 

</body> 

</html> 


例 2.10 显示 边界 的 表格 示例 。 


<html> 

<body> 

<h4> 表 格 的 边界 值 设 为 1: </h4> 
<table border="1"> 

<tr> 

<td> 第 一 </td> 

<td> 行 </td> 

</tr> 

<tr> 

<td> 第 二 </td> 

<td> 行 </td> 

</tr> 

</table> 

<h4> 表 格 的 边界 值 设 为 8， 边界 较 粗 : </h4> 
<table border="8"> 

<tr> 

<td> 第 一 </td> 

<td> 行 </td> 

</tr> 

<tr> 

<td> 第 二 </td> 

<td> 行 </td> 

</tr> 

</table> 

<h4> 表 格 的 边界 值 设 为 15， 边 界 更 粗 : </h4> 
<table border="15"> 

<tr> 


<td> 第 一 </td> 
<td> 行 </td> 
<kr> 

<tr> 

<td> 第 二 </td> 
<td> 行 </td></tr> 
</table> 

</body> 

</html> 


要 显示 表格 的 边界 ， 可 使 用 border 这 个 属性 。 
例 2.11 有 表 头 的 表格 示例 。 


<html> 

<body> 
<h4> 有 表 头 的 表格 : </h4> 
<table border="1"> 
<tr> 

<th> 姓 名 </th> 

<th> 电 话 </th> 
<th> 传 真 </th> 

</tr> 

<tr> 
<td>gongchengxi</td> 
<td>555 77 854</td> 
<td>555 77 855</td> 
</tr> 

</table> 
<h4> 坚 直方 向 的 表 头 : </h4> 
<table border="1"> 
<tr> 

<th> 姓 名 </th> 
<td>gongchengxi</td> 
</tr> 

<tr> 

<th> 电 话 </th> 
<td>555 77 854</td> 
</tr> 

<tr> 

<th> 传 真 </th> 
<td>555 77 855</td> 
</tr> 

</table> 

</body> 

</html> 


表 头 用 <th> 来 表示 ， 表 头 的 字 是 粗 体 显示 的 。 
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如 果 表 格 的 单元 格 <td> 和 </td> 之 间 没 有 内 容 ， 那 么 这 个 单元 格 的 边界 是 不 会 显示 出 来 
的 ， 尽 管 整个 表格 已 设置 边界 值 。 要 显示 这 个 单元 格 的 边界 ， 可 以 插入 一 个 “&nbsp;” 空 
格 符 。 

例 2.12 空 的 单元 格 示例 。 


<html> 

<body> 

<table border="1"> 
<tr> 

<td>Some text</td> 
<td>Some text</td> 
</tr> 

<tr> 

<td></td> 
<td>Some text</td> 
</tr> 

</table> 

<p> 


上 面 的 表格 中 ， 有 一 个 单元 格 里 是 没有 任何 内 容 的 ， 这 个 空 的 单元 格 没有 显示 边界 ， 
虽然 整个 表格 设 了 边界 值 。 


</p> 

<table border="1"> 
<tr> 

<td>Some text</td> 
<td>Some text</td> 
</tr> 

<tr> 
<td>&nbsp;</td> 
<td>Some text</td> 
<kr> 

</table> 

<p> 


通过 上 面 的 例子 可 以 看 出 ， 给 这 个 单元 格 加 上 一 个 空格 符号 之 后 ， 单 元 格 的 边界 就 显 


示 出 来 了 。 注意 , 空格 符 要 用 “&bsp;” 表 示 ,“&nbsp;” 是 一 个 HTML 特别 字符 , 参见 HTML 
特别 字符 (HTML Character Entities)。 


</p> 
</body> 
</html> 


例 2.13 有 标题 的 表格 示例 。 


<html> 
<body> 


ye 
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<h4> 

这 个 表格 有 标题 : 
</h4> 

<table border="6"> 
<caption> 表 格 标题 </caption> 
<tr> 

<td>100</td> 
<td>200</td> 
<td>300</td> 

</tr> 

<tr> 

<td>400</td> 
<td>500</td> 
<td>600</td> 

</tr> 

</table> 

</body> 

</html> 


例 2.14 包含 多 列 或 多 行 的 单元 格 示例 。 


<html> 

<body> 

<h4> 用 colpsan 属性 ， 设 置 包含 多 列 的 单元 格 : </h4> 
<table border="1"> 

<tr> 

<th> 姓 名 </th> 

<th colspan="2"> 联 系 方式 </th> 
</tr> 

<tr> 

<td>Bill Gates</td> 

<td>555 77 854</td> 

<td>555 77 855</td> 

</tr> 

</table> 

<h4> 用 rowspan 这 个 属性 ， 设 置 包含 多 行 的 单元 格 : </h4> 
<table border="1"> 

<tr> 

<th> 姓 名 </th> 

<td>Bill Gates</td> 

</tr> 

<tr> 

<th rowspan="2"> 联 系 方式 </th> 
<td>555 77 854</td> 

</tr> 

<tr> 
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<td>555 77 855</td> 
</tr> 

</table> 

</body> 

</html> 


例 2.15 单元 格 中 的 内 容 示例 。 


<html> 

<body> 

<table border="1"> 

<tr> 

<td> 

<p> 这 是 一 段 </p> 

<p> 这 是 另外 一 段 。</p> 

</td> 

<td> 这 个 单元 格 中 包含 了 一 个 表格 : 
<table border="1"> 

<tr> 

<td>A</td> 

<td>B</td> 

</tr> 

<tr> 

<td>C</td> 

<td>D</td> 

</tr> 

</table> 

</td> 

</tr> 

<tr> 

<td> 这 个 单元 格 中 包含 了 一 张 图 片 : 
<img src = "../images/html_xxxy/mail.gif"> 
</td> 

<td>HELLO</td> 

</tr> 

</table> 

</body> 

</html> 


这 个 例子 演示 单元 格 <td> 和 </td> 中 的 内 容 。 单 元 格 的 内 容 可 以 是 文字 、 图 片 、 超 链接 、 


Form 和 表格 等 。 
例 2.16 单元 格 内 容 与 单元 格 边 界 之 间 的 距离 示例 。 
<html> 


<body> 
<h4> 没 有 cellpadding 的 表格 : </h4> 
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<table border="1"> 
<tr> 

<td>First</td> 
<td>Row</td> 
<kr> 

<tr> 
<td>Second</td> 
<td>Row</td> 
</tr> 

</table> 


ye 
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<p> 设 置 cellpadding 属性 ， 可 以 改变 单元 格 内 容 和 单元 格 边界 之 间 的 距离 。</p> 


<h4> 以 下 是 设置 了 cellpadding 属性 的 表格 : </h4> 


<table border="1" cellpadding="10"> 
<tr> 

<td> 第 一 </td> 

<td> 行 </td> 

</tr> 

<tr> 

<td> 第 二 </td> 

<td> 行 </td> 

</tr> 

</table> 


<h4>cellpadding 属性 值 设置 为 30 的 表格 : 


<table border="1" cellpadding="30"> 
<tr> 

<td> 第 一 </td> 
<td> 行 </td> 
</tr> 

<tr> 

<td> 第 二 </td> 
<td> 行 </td> 
</tr> 

</table> 
</body> 
</html> 


这 个 示例 说 明 如 何 用 cellpadding 属性 设置 单元 格 内 容 与 单元 格 边 界 之 间 的 距离 。 


例 2.17 单元 格 之 间 的 距离 示例 。 


<html> 
<body> 


<p>cellspacing 属性 表示 表格 中 单元 格 之 间 的 距离 。</p> 
<h4> 如 果 表 格 中 没有 设置 cellspacing 属性 ， 默 认 情况 下 ，cellspacing 值 为 1。</h4> 


<table border="1"> 
<tr> 
<td> 第 一 </td> 
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<td> 行 </td> 

</tr> 

<tr> 

<td> 第 二 </td> 

<td> 行 </td> 

<hr> 

</table> 

<h4>cellspacing 属性 值 设 为 0 的 表格 : </h4> 
<table border="1" cellspacing="0"> 
<tr> 

<td> 第 一 </td> 

<td> 行 </td> 

</tr> 

<tr> 

<td> 第 二 </td> 

<td> 行 </td> 

</tr> 

</table> 

<h4>cellspacing 属性 值 设 为 20 的 表格 : </h4> 
<table border="1" cellspacing="20"> 
<tr> 

<td> 第 一 </td> 

<td> 行 </td> 

<kr> 

<tr> 

<td> 第 二 </td> 

<td> 行 </td> 

</tr> 

</table> 

</body> 

</html> 


这 个 示例 说 明 如 何 用 cellspacing 属性 设置 单元 格 之 间 的 距离 。 
例 2.18 设置 表格 的 背景 颜色 和 背景 图 片 示例 。 


<html> 

<body> 

<h4> 给 表格 设置 背景 颜色 : </h4> 
<table border="1" bgcolor="red"> 
<tr> 

<td> 第 一 </td> 

<td> 行 </td> 

</tr> 

<tr> 

<td> 第 二 </td> 

<td> 行 </td> 
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</tr> 

</table> 

<h4> 给 表格 加 背景 图 片 : </h4> 
<table border="1" background="../images/html_tutorials/background.gif'> 
<tr> 

<td> 第 一 </td> 

<td> 行 </td> 

</tr> 

<tr> 

<td> 第 二 </td> 

<td> 行 </td> 

<hr> 

</table> 

</body> 

</html> 


这 个 示例 说 明 如 何 用 bgcolor 属性 设置 表格 的 背景 颜色 , 如 何 用 background 属性 为 表格 
添加 背景 图 片 。 
例 2.19 ”设置 单元 格 的 背景 颜色 和 背景 图 片 示 例 。 


<html> 

<body> 

<h4> 单 元 格 背景 色 : </h4> 
<table border="1"> 

<tr> 

<td bgcolor="red"> 第 一 </td> 
<td> 行 </td> 

</tr> 

<tr> 

<td background="../images/html_tutorials/background.gif"> 第 二 </td> 
<td> 行 </td> 

</tr> 

</table> 

</body> 

</html> 


这 个 示例 说 明 如 何 用 bgcolor 属性 设置 单元 格 的 背景 颜色 , 如 何 用 background 属性 为 单 
元 格 添加 背景 图 片 。 
例 2.20 单元 格 内 容 的 对 齐 方式 示例 。 


<html> 

<body> 

<table width="350" border="1"> 
<tr> 

<th align="center"> 分 数 </th> 

<th align="center"> 期 中 考试 </th> 
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<th align="center"> 期 未 考试 </th> 
</tr> 

<tr> 

<td align="left"> 芙 蓉 姐 姐 </td> 
<td align="right">250.10</td> 
<td align="right">50000.20</td> 
<hr> 

<tr> 

<td align="left"> 程 菊花 </td> 
<td align="right">1000.00</td> 
<td align="right">5000.45</td> 
<hr> 

<tr> 

<td align="left"> 周 笔 畅 </td> 
<td align="right">2000.40</td> 
<td align="right">500.00</td> 
</tr> 

<tr> 

<td align="left"> 黄 新 </td> 

<td align="right">300.50</td> 
<td align="right">800.65</td> 
</tr> 

</table> 

</body> 

</html> 


这 个 示例 说 明 如 何 用 align 属性 设置 单元 格 的 对 齐 方式 。 
2.2.6 ”表单 


表单 (Form) 是 HTML 的 一 个 重要 部 分 ， 主 要 用 于 采集 和 提交 用 户 输入 的 信息 。 
例 2.21 让 用 户 输入 姓名 的 表单 示例 。 


<form action="http://www.haut.edu.cn/xxxy/gongchengxi/ yourname.asp" method="get"> 
请 输入 你 的 姓名 : 

<input type="text" name="yourname"> 

<input type="submit" value=" 提 交 "> 

</form> 


完整 代码 如 下 所 示 : 


<html> 

<head><title> 输 入 用 户 姓 名 </title></head> 

<body> 

<form action="http://www.haut.edu.cn/xxxy/gongchengxi/ yourname.asp" method="get"> 
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请 输入 你 的 姓名 : 

<input type="text" name="yourname"> 
<input type="submit" value=" 提 交 "> 
</form> 

</body> 

</html> 


学 习 HTML 表单 最 关键 要 掌握 以 下 3 个 要 点 : 
(1) 表单 控件 (Form Controls) 
通过 表单 的 各 种 控件 ， 用 户 可 以 输入 文字 信息 、 从 选项 中 选择 以 及 做 提交 的 操作 。 如 
上 面 的 示例 中 ,“input type= "text"” 就 是 一 个 表单 控件 ， 表 示 一 个 单行 输入 框 。 用 户 填 入 表 
单 的 信息 总 是 需要 程序 来 进行 处 理 。 
(2) 表单 中 的 action 
表单 中 的 action 就 指明 了 处 理 表单 信息 的 文件 。 如 上 面 示例 中 的 “http:/www.hautedu. 
cn/xxxy/gongchengxi/yourname.asp”。 
(3) 表单 中 的 method 
表单 中 的 method 表示 发 送 表 单 信息 的 方式 。method 有 两 个 值 : get 和 post。get 方式 是 
将 表单 控件 的 name/value 信息 经 过 编码 之 后 ， 通 过 URL 发 送 〈 可 以 在 地 址 栏 中 看 到 )， 而 
post 则 将 表单 的 内 容 通过 http 发 送 ， 在 地 址 栏 看 不 到 表单 的 提交 信息 。 那 什么 时 候 用 get， 
什么 时 候 用 post 呢 ? 一 般 是 这 样 来 判断 的 ， 如 果 只 是 为 取得 和 显示 数据 ， 用 get; 一 旦 涉及 
数据 的 保存 和 更 新 ， 建 议 用 post。 
表单 常用 控件 (Controls》 如 表 2-1 所 示 。 


表 2-1 表单 (Form) 常用 控件 


表单 控件 (Form Controls) 
i 单行 文本 输入 框 
将 表单 Form) 中 的 信息 提交 给 表单 中 action 所 指向 的 文件 
复 选 框 


input type="checkbox" 


input type="radio" 单 选 按钮 
select 下 拉 列 表 杠 
textArea 多 行文 本 输入 框 


input type="password" 密码 输入 框 〈 输 入 的 文字 用 * 表 示 ) 


2.2.7 ”框架 


使 用 框架 (Frame) 可 以 在 浏览 器 窗口 同时 显示 多 个 网 页 。 需 要 在 每 个 Frame 中 设 定 一 
个 网 页 ， 每 个 Frame 中 的 网 页 相互 独立 。 下 面 详细 介绍 。 
(1) Frameset 
<frameset> 和 </frameset> 决 定 如 何 划 分 Frame。<frameset> 有 cols 属性 和 rows 属性 。 使 
用 cols 属性 ， 表 示 按 列 分 布 Frame; 使 用 rows 属性 ， 表 示 按 行 分 布 Frame。 
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(2) Frame 
可 以 用 <frame> 标 签 设 定 网 页 。<frame> 有 src 属性 ，src 值 就 是 网 页 的 路 径 和 文件 名 。 
下 面 的 代码 的 作用 是 : 将 Frameset 分 成 2 列 ， 第 1 列 25%， 表 示 第 1 列 的 宽度 是 窗口 宽度 
的 25%; 第 2 列 73%， 表 示 第 1 列 的 宽度 是 窗口 宽度 的 75%。 第 1 列 中 显示 ahtml， 第 2 
列 中 显示 b.html。 


<frameset cols="25%,75%"> 
<frame src="../asdocs/html tutorials/Frame_a.html"> 
<frame src="../asdocs/html_tutorials/Frame_b.html"> 
</frameset> 


(3) Iframe 
Iframe 是 Inline Frame 的 意思 , 用 <iframe> 和 </iframe> 可 以 将 Frame 置 于 一 个 HTML 文 
件 内 。 
例 2.22 列 分 和 行 分 Frame 示例 。 
<html> 


<frameset cols="25%,50%,25%"> 
<frame src="../asdocs/html_tutorials/Frame_a.html"> 


<frame Sr asdocs/html_tutorials/Frame_b.html"> 
<frame src="../asdocs/html_tutorials/Frame_c.html"> 
</frameset> 

</html> 


该 示例 显示 如 何在 浏览 器 中 同时 显示 3 个 网 页 ，3 个 网 页 是 按 列 分 布 的 。 行 分 Frame 的 
代码 如 下 : 


<html> 

<frameset rows="25%,50%,25%"> 

<frame src="../asdocs/html_tutorials/Frame_a.html"> 
<frame src="../asdocs/html_tutorials/Frame_b.html"> 
<frame src="../asdocs/html_tutorials/Frame_c.html"> 
</frameset> 

</html> 


该 示例 显示 如 何在 浏览 器 中 同时 显示 3 个 网 页 ，3 个 网 页 是 按 行 分 布 的 。 
例 2.23 ”混合 Frameset 示例 。 


<html> 

<frameset rows="50%,50% "> 

<frame src="../asdocs/html_tutorials/Frame_a.html"> 
<frameset cols="25%,75% "> 

<frame src="../asdocs/html_tutorials/Frame_b.html"> 
<frame src="../asdocs/html_tutorials/Frame_c.html"> 
</frameset> 

</frameset> 

</html> 
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该 示例 既 用 到 了 cols 属性 ， 又 用 到 了 rows 属性 ， 将 Frame 进行 灵活 分 布 。Frameset 中 
的 noresize 属性 示例 代码 如 下 : 


<html> 

<frameset rows="50%,50%"> 

<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_a.html"> 
<frameset cols="25%,75%"> 

<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_b.html"> 
<frame noresize="noresize" src="../asdocs/html_tutorials/Frame_c.html"> 
</frameset> 

</frameset> 

</html> 


使 用 noresize 属性 可 以 确保 Frame 的 大 小 。 如 果 不 使 用 noresize 属性 ， 可 以 通过 用 鼠标 
移动 Frame 的 边界 来 改变 Frame 的 大 小 ， 如 果 设 置 了 noresize 属性 ， 就 不 能 移动 边界 。 


2.2.8 图 像 


用 <img> 标 签 可 以 在 HTML 中 插入 图 片 。 其 基本 语法 格式 如 下 : 
<img src="url"> 


其 中 ,url 表示 图 片 的 路 径 和 文件 名 。 例如 ，url 可 以 是 “images/logo/blabla_ logo01.gif”， 
也 可 以 是 相对 路 径 “../images/logo/blabla_logo01.gif”。 
例 2.24 在 HTML 中 插入 图 片 示例 。 


<html> 

<body> 

河南 工业 大 学 信息 学 院 Logo 图 片 : <img src="../images/html_xxxy123_logo.gif"> 
</p> 

</body> 

</html> 


下 面 介绍 图 像 标签 的 属性 。 
(1) alt 属性 
alt 的 英文 全 称 为 alternate text。 例 如 : 


<img src = "../images/html_tutorials/smile.jpg" alt="smile face"> 


假使 浏览 器 没有 载 入 图 片 的 功能 ， 浏 览 器 就 会 转 而 显示 alt 属性 的 值 。 其 实 ， 现 在 大 多 
数 浏览 器 都 支持 图 片 载 入 。 此 处 介绍 alt 属性 ， 是 因为 目前 搜索 引擎 抓 取 工具 无 法 识别 图 像 
中 所 含 的 文字 ， 所 以 用 alt 属性 写 上 图 片 的 说 明 ， 便 于 搜索 引擎 抓 取 网 页 的 内 容 。 
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例 2.25 alt 属 性 应 用 示例 。 


<html> 
<body> 
<p> 将 鼠标 停留 在 图 片上 ， 可 以 看 到 alt 属性 中 写 的 内 容 。</p> 


<img src="../images/logo/123_logo.gif" alt=" 河 南 工业 大 学 信息 学 院 的 Logo 标志 " ><br> 
<img src="../images/html_xxxy/frj01.jpg" alt=" 信 息 学 院 : 党 员 动 员 大 会 " > 

</body> 

</html> 


(2) align 属性 

使 用 align 属性 可 以 改变 图 片 的 垂直 ( 居 上 、 居 中 、 居 下 ) 对 齐 方式 和 水 平 对 齐 方式 ( 居 
居中 、 居 右 )。 

例 2.26 align 属性 应 用 示例 。 


<html> 

<body> 

<p> 图 片 的 垂直 对 齐 方式 : </p> 

<p><img src="../images/logo/123_logo.gif" align="top"> 对 齐 方 式 :top</p> 
<p><img src="../images/logo/123_logo.gif" align="middle"> 对 齐 方式 :middle</p> 
<p><img src="../images/logo/123_logo.gif" align="bottom"> 对 齐 方式 :bottom</p> 
<p> 图 片 的 水 平 对 齐 方式 : </p> 

<p><img src="../images/logo/123_logo.gif" align="Left"> 对 齐 方 式 :left</p> 


<p><img src="../images/logo/123_logo.gif" align="center"> 对 齐 方式 :center</p> 
<p><img src="../images/logo/123_logo.gif" align="right"> 对 齐 方 式 :right</p> 
</body> 

</html> 


(3) height 和 width 属性 
在 默认 状况 下 ,图 片 显示 原 有 的 大 小 。 用 height 和 width 属性 可 以 改变 图 片 的 大 小 。 不 


过 图 片 的 大 小 一 旦 被 改变 ， 会 相应 放大 或 缩小 ， 显 示 出 来 的 结果 可 能 会 很 难看 。 


例 2.27 height 和 width 属性 应 用 示例 。 


<html> 

<body> 

<p> 可 以 使 用 height 和 width 属性 来 改变 图 片 的 大 小 。</p> 

<p><img src="../images/html_xxxy/smile.jpg"></p> 

<p><img src="../images/html_xxxy/smile.jpg" width="30" height="30"></p> 
<p><img src="../images/html_xxxy/smile.jpg" width="100" height="80"></p> 
<p><img src="../images/html_xxxy/smile.jpg" width="300" height="300"></p> 
</body> 

</html> 


图 片 相对 文字 所 占 的 字 节 数 较 多 , 如 一 个 全 屏 的 图 片 , 即使 经 过 压缩 , 也 要 占 大 约 50KB 


字 节 ， 这 相当 于 25000 字 的 文本 ， 因 此 浏览 器 载 入 图 片 比较 费时 ， 建 议 一 个 HTML 文件 中 


人 
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不 要 包含 过 多 的 图 片 ， 否 则 会 影响 网 页 显示 速度 。 
2.2.9 文本 格式 及 其 他 


1. 文本 格式 


HTML 定义 了 一 些 文本 格式 的 标签 ， 例 如 ， 可 以 将 字体 变 成 粗 体 或 者 斜体 。 从 下 面 的 
示例 中 ， 可 以 了 解 各 种 文本 格式 标签 如 何 改变 HTML 文本 的 显示 。 常 用 的 文本 格式 标签 如 
表 2-2 所 示 。 


表 2-2 文本 格式 标签 说 明 


标 签 说 明 
<b> 粗 体 bold 
<i> 斜体 italic 
<del> 文字 当中 划 线 表示 删除 
<ins> 文字 下 划 线 表示 插入 
<sub> 下 标 
<sup> 上 标 
<blockquote> 缩 进 表示 引用 
<pre> 保留 空格 和 换行 
<code> 表示 计算 机 代码 ， 等 宽 字体 
HTML 常用 的 格式 代码 如 下 : 
<html> 
<body> 


<p><b> 粗 体 用 b 表示 。</b></p> 

<p><i> 斜 体 用 i 表示 。</i></p> 

<p><del> 党 校 学 习 </del> 这 个 词 当 中 划 线 表示 删除 。</p> 

<p><ins> 团 期 活动 </ins> 这 个 词 下 划 线 插入 。</p> 
<p>X<sub>2</sub> 其 中 的 2 是 下 标 </p> 

<p>X<sup>2</sup> 其 中 的 2 是 上 标 </p> 

<p><blockquote> 好 好 学 习 ， 天 天 向 上 。 这 句 话 缩 进 表示 引用 </blockquote></p> 
<pre> 

这 是 预 设 (preformatted ) 文本 ， 在 pre 标签 中 的 文本 保留 空格 和 分 行 。 
</pre> 

<code>call getOrders</code> 

<p> 用 code 显示 计算 机 代码 ，code 中 显示 的 字符 是 等 宽 字符 。</p> 
</body> 

</html> 


上 面 程序 用 了 很 多 标签 ， 可 以 对 比 一 下 HTML 的 显示 结果 。 
在 HTML 中 用 <p> 和 </p> 划 分 段落 。 


S1 
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<p>This is a paragraph</p> 
<p>This is another paragraph</p> 


简单 的 段落 代码 如 下 : 


<html> 

<body> 

<p> 这 是 第 1 段 。</p> 

<p> 这 是 第 2 段 。</p> 

<p> 这 是 第 3 段 。</p> 

<p> 在 HTML 中 ,用 p 来 定义 段落 。</p> 
</body> 

</html> 


下 面 的 代码 介绍 如 何在 HTML 文件 中 定义 正文 标题 .HTML 用 <h1> 到 <h6>( 从 大 到 小 ) 
这 几 个 标签 来 定义 正文 标题 ， 每 个 正文 标题 自 成 一 段 。 
<h1>This is a heading</h1> 
<h2>This is a heading</h2> 
<h3>This is a heading</h3> 
<h4>This is a heading</h4> 
<h5>This is a heading</h5> 
<h6>This is a heading</h6> 


通过 使 用 <br> 标 签 实现 换行 , 可 以 在 不 新 建 段落 的 情况 下 换行 。 用 <p> 换 行 是 个 坏 习惯 ， 
正确 的 是 使 用 <br>， 但 <br> 没 有 Closing 标签 ， 例 如 : 


<p>This <br> is a para<br>graph with line breaks</p> 


2. HTML 注释 

在 HTML 文件 中 ， 可 以 写 代码 注释 ， 用 于 解释 说 明代 码 ， 这 样 有 助 于 日 后 更 好 地 理解 
代码 。 注 释 可 以 写 在 <!-- 和 --> 之 间 。 浏 览 器 是 忽略 注释 的 ， 不 会 在 HTML 正文 中 看 到 注释 
内 容 ， 例 如 : 


<!-- This is a comment --> 
各 建议 : HTML 文件 会 自动 截 去 多 余 的 空格 。 不 管 加 多 少 空格 ,都 被 看 作 是 一 个 空格 。 一 


个 空 行 也 被 看 作 是 一 个 空格 。 有 些 标签 能 够 将 文本 自 成 一 段 ， 而 不 需要 使 用 <p> 
和 </p> 来 分 段 ， 如 <hl> 和 </hl> 之 类 的 标题 标签 。 


2.2.10 ”修饰 字体 


在 HTML 中 ， 可 以 用 font 元 素 及 其 属性 来 设 定 字体 的 大 小 、 颜 色 和 字体 风格 。 字 体 大 
小 用 字体 大 小 属性 〈size) 来 设 定 。 示 例 代码 如 下 : 
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<html> 

<head><title> 字 体 大 小 font size<jtitle></head> 

<body> 

<p><font size="1"> 这 段 文字 的 字体 大 小 值 为 1。</font></p> 
<p><font size="2"> 这 段 文字 的 字体 大 小 值 为 2。</font></p> 
<p><font size="3"> 这 上 段 文 字 的 字体 大 小 值 为 3。</font></p> 
<p><font size="4"> 这 段 文字 的 字体 大 小 值 为 4。</font></p> 
<p><font size="5"> 这 上 段 文字 的 字体 大 小 值 为 5。</font></p> 
<p><font size="6"> 这 上 段 文字 的 字体 大 小 值 为 6。</font></p> 
<p><font size="7"> 这 上 段 文字 的 字体 大 小 值 为 7。</font></p> 


</body> 

</html> 

字体 风格 用 face 属性 来 设 定 。 示 例 代码 如 下 : 
<html> 

<head><title> 字 体 风 格 font face<ltitle></head> 
<body> 


<p> 以 下 第 1 段 用 的 是 arial 字体 ， 第 2 段 用 的 是 courier 字体 ， 第 3 段 用 的 是 verdana 字体 。</p> 
<p><font face="arial">arial courier verdana</font></p> 

<p><font face = "courier">arial courier verdana</font></p> 

<p><font face="verdana">arial courier verdana</font></p> 

</body> 

</html> 


字体 颜色 用 颜色 属性 (color) 来 设 定 。 颜 色 有 两 种 表示 方式 ， 一 种 是 用 颜色 名 称 表示 ， 
如 blue 表示 蓝 色 ; 另 一 种 是 用 十 六 进 制 的 数值 表示 RGB 的 颜色 值 。.R、G、B 分 别 代表 Red、 
Green、Blue，RGB 每 个 原色 的 最 小 值 为 0， 最 大 值 为 255， 如 果 换 算 成 十 六 进 制 表示 ， 就 
是 (#00)、(#FF)。 如 白色 的 RGB (255,255,255〉 用 #FFFFFF 表示 ; 黑色 的 RGB (0,0,0) 
用 #000000 表示 。 注意， 在 W3C 制定 的 HTML 4.0 标准 中 ， 只 有 16 种 颜色 可 以 用 颜色 名 称 
表示 (aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、 
silver、teal、white 和 yellow)， 其 他 的 颜色 都 要 用 十 六 进 制 RGB 颜色 值 表 示 。 当 然 ， 现 在 
的 浏览 器 支持 更 多 的 颜色 名 称 。 但 为 保险 起 见 ， 建 议 还 是 采用 十 六 进 制 RGB 颜色 值 来 表示 
颜色 ， 并 且 在 值 前 加 上 符号 “#”。 

<html> 

<head><title> 字 体 颜 色 font color</title></head> 

<body> 

<p> 这 段 文字 用 的 是 默认 的 字体 颜色 。</p> 

<p><font color="#FF0000"> 这 段 文字 的 字体 颜色 为 红色 。</font></p> 

<p><font color="gray"> 这 段 文字 的 字体 颜色 为 灰色 。</font></p> 

<p><font color="#33CC00"> 这 上 段 文字 的 字体 颜色 为 绿色 。</font></p> 

</body> 

</html> 
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Ah) 注意 : 在 HTML 4 的 标准 中 ， 已 经 不 建议 使 用 font 及 其 属性 来 设 定 字体 ， 而 是 用 CSS 
样式 来 设 定 字体 的 大 小 、 颜 色 和 字体 风格 等 。 


2.2.11 网 页 设计 


学 习 完 上 面 HTML 标记 的 基础 知识 之 后 ， 下 面 通 过 一 个 实际 例子 的 制作 (个 人 主页 )， 
依次 掌握 标签 、 字 标题 标签 、 文 本 、 超 链接 、 图 片 和 表格 等 各 类 HTML 标记 的 使 用 ， 在 学 
习 过 程 中 要 理论 与 实际 相 结 合 。 

个 人 主页 源 代码 如 下 : 


<html> 
<head><title> 欢 迎 访问 我 的 个 人 主页 <l/title> 
<style> 

< 

.af 
position:absolute; 
left:8cm; 
top:Ocm; 
z-index:2; 
font-size:36px; 
font-weight:bold; 
coloryellow; 

下 

.b{ 
position:absolute; 
left:8.05cm; 
top:0.05cm; 
z-index:1; 
font-size:36px; 
font-weight:bold; 
coloryellow; 

} 

.C{ 

color:pink; 
font-style:italic; 
font-weight:bold; 
font-size:20px; 

} 

.df 

color:pink; 
font-style:normal; 
font-weight:bold; 
font-size:25px; 


} 
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.ef 

color:pink; 

font-style:normal; 

font-weightbold; 

font-size:18px; 

-> 

</style> 

</head> 

<body background="0.jpg"> 

<table frame="Void" rules="none" bordercolor="purple"> 

<tr height="150"> 

<td colspan="3"><img src="1.gif"’></td></tr> 

<tr height="150"> 

<td ><img src="71.jpg"><div class="e"><a href=" 王 菲 -红豆 .mp3"> 音 频 : </href></div> 曾 经 以 为 过 去 
的 我 们 能 忘 了 ， 但 是 ， 我 们 却 忘 不 掉 ， 总 是 不 经 意 间 在 脑海 中 闪现 。</td> 

<td rowspan="3"> 

<embed src=" 巧 虎 (1).swf' width="401 "height="304"” loop="-1” controls> 

<td><div class="e">hellollam honey</div></td> 

</tr> 

<tr height="150"> 

<td><img src="72jpg"><div class="e"><a href=" 巧 虎 (1).swf"> 我 的 个 人 主页 </href></div> 

以 前 那么 不 经 意 的 瞬间 ， 现 在 却 总 是 在 脑海 中 盘旋 ， 还 记得 那 时 你 爱 谈天 我 爱 笑 ， 怎 么 也 没 想到 ， 现 
在 却 是 相隔 天 涯 海 角 ， 多 么 希望 时 光 能 够 倒流 ， 倒 流 到 我 们 一 块 坐 在 麦 堆 上 谈天 说 地 。</td></td> 

<td><div class="e">name: 巧 虎 <br>weight:58kg</div></td> 

<hr> 

<tr height="150"> 

<td><img src="73.jpg"><div class="e"><a href=" 黄 金 矿工 .swf">flash: </href></div> 我 知道 我 不 是 一 
个 很 好 的 记录 者 ， 但 我 比 任何 人 都 喜欢 回首 自己 来 时 的 路 ， 我 不 断 地 回首 、 伺 足 ， 然 而 时 光 扔 下 我 胡 秦 烈 
烈 地 向 前 奔 去 </td> 

<td><div class="e"> 口 头 禅 : 听 过 了 ! 我 去 玩 了 ! 

<br> 酷 照 :</div><img src="74.jpg"></td> 

</tr> 

</table> 

<br><br> 

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<table><tr> 

<td height="200"><a hre 人 "游戏 界面 .html"><img src="003.gif*></href></td> 

<td height="200"><a hre 人 =" 我 的 家 园 .html"><img src="81.jpg"></href></td> 

<td height="200"><a hre 人 f=" 宝贝 儿 心 情 .html" ><img src="82.jpg"></href></td> 

<td height="200"><a hre 全 "情感 密码 .html"><img src="83.jpg"></href></td> 

<td height="200"><a href 人 =" 九 九 乘法 表 档 .html"><img src="002.gif'></href></td> 

</tr> 

<tr> 


<td><div class="e"></div></td> 
<td><div class="e"><a href= "我 的 家 园 .html"> 偶 的 房产 </div></href></td> 
<td><div class="e"><a href=" 宝 贝 儿 心情 .html" > 宝贝 儿 心 情 </div></href></td> 
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<td><div class="e"><a href=" 情 感 密码 .html" > 悄悄 话 </div></href></td> 

<td><div class="e"></div></td> 

</tr> 

</table> 

&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 

查看 更 多 : <a href="felling for love.html">1</href>&nbsp<a href=" 爱 情 36 计 .html">2</href>&nbsp<a 
href=" 宝 贝 儿 心 情 .html">3</href>&nbsp<a href=" 看 我 72 变 .html">4</href>&nbsp<a href=" 游 戏 界面 .html" > 
5</href>&nbsp<a href=" 情 感 密码 .html">6</href>&nbsp<a href="lovefoever.html">7</href> &nbsp 

<br><br><br><br><br><br><br><br><br><br> 访 问 过 该 网 页 的 还 有 <br><br> 

<table> 

<tr><td><img src="3.jpg"></td> 

<td><img src="90.jpg"></td> 

<td><img src="93.jpg"></td> 

<td><img src="94 .jpg"></td> 

<td><img src="96.jpg"></td> 

<td><img src="5.jpg"></td> 

<td><img src="91.jpg"></td> 

<td><img src="95.jpg"></td> 

<tr> 

</table> 

</body> 

</html> 


通过 灵活 使 用 以 上 各 类 标记 ， 就 能 够 建立 一 张 类 似 于 “个 人 主页 ”的 精美 网 页 。 
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2.3 扩展 标记 语言 XML 


2.3.1 XML 基础 


XML 是 Extensible Markup Language 的 简写 , 是 一 种 扩展 性 标识 语言 。 那 么 该 怎么 来 理 
解 扩展 性 标识 语言 这 个 概念 呢 ? 

大 家 对 HTML 已 经 非常 熟悉 了 , 它 就 是 一 种 标记 语言 , HTML 的 全 称 为 Hypertext Markup 
Language， 意 为 超 文 本 标记 语言 。 同 时 ，HTML 中 有 很 多 标签 ， 都 是 在 HTML 4.0 中 规范 和 
定义 的 ， 而 XML 中 允许 自己 创建 这 样 的 标签 ， 所 以 叫做 可 扩展 性 。XML 概念 说 明 如 下 。 


1. XML 并 不 是 标记 语言 


XML 并 不 是 标记 语言 , 它 只 是 用 来 创造 标记 语言 (如 HTML) 的 元 语言 .XML 和 HTML 
是 不 一 样 的 ， 它 的 用 途 比 HTML 广泛 得 多 ， 后 面 章节 会 详细 介绍 。 


第 2 章 HTML 及 XML 基础 人 


2. XML 并 不 是 HTML 的 替代 产品 


XML 不 是 HTML 的 升级 ， 它 只 是 HTML 的 补充 ， 为 HTML 扩展 更 多 功能 。 今 后 将 在 
较 长 的 一 段 时 间 内 继续 使 用 HTML 。 


3. 不 能 用 XML 直接 写 网 页 


即便 是 包含 了 XML 数据 ， 依 然 要 转换 成 HTML 格式 才能 在 浏览 器 上 显示 。 下 面 是 一 
段 XML 示例 文档 ， 用 来 表示 本 文 的 信息 : 


<myfile><br><br> 

<title>XML Quick Start</title><br><br> 
<author>ajie</author><br><br> 
<email>ajie@aolhoo.com</email><br><br> 
<date>20010115</date><br><br> 

</myfile> 


Ai) 注意: 这 段 代 码 仅仅 是 代码 ， 通 过 它 可 以 初步 感性 地 认识 XML， 并 不 能 实现 什么 具体 
应 用 ; 其 中 类 似 <title>、<author> 的 语句 就 是 自己 创建 的 标记 ( tags ), 它们 和 HTML 
标记 不 一 样 ， 例 如 ， 这 里 的 <title> 是 文章 标题 的 意思 ，HTML 中 的 <title> 是 页 面 


也 许 有 读者 会 问 有 了 HTML,， 为 什么 还 需要 用 XML? 那 是 因为 现在 网 络 应 用 越 来 越 广 
泛 , 仅 靠 HTML 单一 文件 类 型 来 处 理 千变万化 的 文档 和 数据 已 经 力不从心 , 而 且 HTML 本 
身 语 法 十 分 不 严密 ， 严 重 影响 网 络 信息 传送 和 共享 。 人 们 很 早 就 已 经 开始 探讨 用 什么 方法 
来 满足 网 络 上 各 种 应 用 的 需要 ， 使 用 SGML 是 可 以 的 ， 但 SGML 太 庞 大 ， 编 程 复杂 ， 于 是 
最 终 选择 了 “减肥 ”的 SGML 一 一 XML 作为 下 一 代 Web 运用 的 数据 传输 和 交互 的 工具 。 从 
以 下 W3C 组 织 〈XML 标准 制定 者 ) 的 说 明 中 可 以 体会 到 使 用 XML 的 好 处 : XML 使 得 在 
网 络 上 使 用 SGML 语言 更 加 “简单 和 直接 简化 了 定义 文件 类 型 的 过 程 ， 简 化 了 编程 和 处 
理 SGML 文件 的 过 程 ， 简 化 了 在 Web 上 的 传送 和 共享 。 具体 体 现在 以 下 几 个 方面 : 

@ XML 可 以 广泛 地 运用 于 Web 的 任何 地 方 。 
XML 可 以 满足 网 络 应 用 的 需求 。 
使 用 XML 使 编程 更 加 简单 。 
XML 便于 学 习 和 创建 。 
XML 代码 清晰 且 便 于 阅读 理解 。 
这 些 现在 看 起 来 还 比较 抽象 ， 在 后 面 的 讲解 中 会 慢 慢 体会 到 XML 的 强大 优势 。 


2.3.2 XML 文档 类 型 定义 


XML 作为 一 门 标记 语言 ， 它 需要 一 种 文档 〈 即 文档 类 型 定义 DTD) 来 定义 ，DID 可 
以 看 作 是 一 类 XML 文档 的 模板 ， 它 定义 了 文档 的 逻辑 结构 ， 规 定 了 XML 文档 中 所 使 用 的 


< 


企 Web 开发 实用 技术 基础 


元 素 及 其 属性 、 实 体 以 及 元 素 与 实体 之 间 的 关系 ， 它 使 得 数据 交流 与 共享 得 以 正常 进行 ， 
验证 了 数据 的 有 效 性 。 

DTD 可 以 是 一 个 完全 独立 的 文件 ， 也 可 以 在 XML 文件 中 直接 设 定 。 所 以 ，DTD 分 为 
外 部 DTD 在 XML 文件 中 调用 另外 已 经 编辑 好 的 DTD) 和 内 部 DTD〈 在 XML 文件 中 直 
接 设 定 DTD) 两 种 。 在 一 些 有 相互 业务 往来 的 公司 ， 如 果 他 们 使 用 的 电子 文档 是 XML 文 
档 ， 那 么 就 可 以 定义 一 个 独立 的 DTD 文档 。 每 次 交换 和 定义 时 都 引用 它 来 验证 结构 完整 性 
和 语法 的 合法 性 。 例 如 下 面 一 个 XML 文档 : 


<?xml version ="1.0" encoding ="GB2312" standalone="yes" ?> 
< 学 生 名 单 > 
< 学 生 > 
< 学 号 >20081021</ 学 号 > 
< 姓名 > 张 三 </ 姓 名 > 
< 班级 > 计 08.2 班 </ 班 级 > 
</ 学 生 > 
< 学 生 > 
< 学 号 >20081022</ 学 号 > 
< 姓名 > 李 四 </ 姓 名 > 
< 班级 > 计 08.2 班 </ 班 级 > 
</ 学 生 > 


</ 学 生 名 单 > 
它 的 一 个 DTD 文档 如 下 : 


[1] <?xml version="1.0" encoding="GB2312" standalone="yes"?> 
[2] <! DOCTYPE 学 生 名 单 [ 

[3] <!IELEMENT 学 号 (#PCDATA)> 

[4] <IELEMENT 姓名 (#PCDATA)> 

[5] <!ELEMENT 班级 (#PCDATA)> 

[6] <!IELEMENT 学 生 ( 学 号 ,姓名 ,班级 )> 

[7] <!IELEMENT 学 生 名 单 (学 生 ,学 生 )> 

[8] ]> 


第 2 行为 DTD 定义 开始 标记 ， 学 生 名 单 为 其 根 元 素 ， 第 3 一 7 行 都 是 元 素 定义 ， 第 8 
行 是 结束 标记 。 下 面 介绍 元 素 声 明 的 语法 及 注意 事项 。 


1. 元 素 声明 


元 素 声 明 的 格式 为 : 

<!ELEMENT 元 素 名 称 元 素 的 内 容 格式 的 定义 > 

@ ”基本 元 素 声 明 : 如 “<!ELEMENT 学 号 (#PCDATA)>”， 元 素 名 称 后 直接 跟 的 是 数 
据 类 型 ， 则 为 基本 元 素 。 

@ 合 元 素 声 明 : 如 “<!ELEMENT 学 生 (学 号 ,姓名 ,班级 )> 风 “学 生 ” 元 素 是 复合 
元 素 ， 它 包含 学 号 、 姓 名 和 班级 3 个 基本 元 素 。 其 实 ， 根 元 素 是 复合 元 素 的 一 个 
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特例 ， 所 有 的 元 素 都 直接 或 间接 地 包含 在 根 元 素 中 。 
2. 元 素 出 现 次 数 的 控制 


加 “?” 表 示 该 元 素 可 出 现 0 次 或 1 次 ; 加 “*” 表 示 该 元 素 可 出 现任 意 次 ;， 加 “+” 表 
示 该 元 素 至 少 要 出 现 一 次 。 如 “<!ELEMENT 学 生 (学 号 ?, 姓 名 ,班级 ,爱好 *)>” 表 示 一 个 学 
生 只 有 唯一 的 学 号 或 者 还 未 分 配 学 号 ， 即 “学 号 ”元 素 出 现 0 次 或 1 次 ， 而 爱好 可 以 没有 ， 
也 可 以 有 好 几 方 面 的 , 所 以 用 “*”( 任 意 次 ) 限定 。 选 择 性 元 素 用 “|” 限 定 , 如 “<!ELEMENT 
学 生 (姓名 ,性 别 ,( 优 秀 | 良 好 | 中 等 ))>”。 


3. 属性 声明 


属性 声明 的 格式 如 下 : 

<!AITLIST Element name Attribute name Type [Keyword] [Default_value]> 

!ATTLIST 为 定义 属性 的 指令 ， 后 面 是 元 素 的 名 称 、 属 性 名 称 、 属 性 值 类 型 及 默认 值 的 
关键 字 及 默认 值 。 如 一 个 学 生 有 性 别 及 班级 两 个 属性 ， 可 定义 为 “<!ATTLIST 学 生 性 别 
CDATA " 女 " 班级 CDATA "计算 机 03.2 班 ">”。 必须 赋值 的 属性 要 加 REQUIRED 关键 字 ， 
如 “<!IATTLIST 学 生 性 别 CDATA #REQUIRED " 女 " 班级 CDATA "计算 机 03.2 班 "> ” 
表示 必须 给 出 学 生 的 性 别 值 。 可 有 可 无 的 属性 则 用 IMPLIED 关键 字 ， 固 定 取 值 的 属性 用 
FIXED 关键 字 。 


4. 属性 的 类 型 
在 XML 中 共有 10 种 属性 类 型 ， 如 表 2-3 所 示 。 
表 2-3 XML 中 的 10 种 属性 类 型 


类 型 含 义 
CDATA 字符 数据 
Enumerated 可 能 的 取 值 列表 
ID 唯一 的 数字 
IDREF ID 类 型 属性 的 值 
IDREFS 由 空格 分 开 的 若干 个 ID 
ENTITY 实体 
ENTITYS 若干 个 实体 
NMTOKEN XML 名 称 
NOTATION DTD 中 声明 的 注释 名 
NMTOKENS 多 个 XML 名 称 


2.3.3 XML 数据 的 底层 结构 


XML 文档 用 于 存储 数据 ，Schema 或 DTD 用 于 验证 数据 ， 也 就 是 结构 化 数据 ; DOM 
是 文档 对 象 模型 ， 作 用 是 向 XML 文档 中 插入 数据 ;XSLT 则 负责 数据 的 显示 。 
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1. XML 数据 的 底层 结构 DTD 


文档 类 型 定义 DTD (Document Type Definition) 是 XML 结构 文件 的 一 种 定义 方式 .DTD 
定义 了 可 用 在 文档 中 的 元 素 、 属 性 、 实 体 以 及 它们 之 间 的 相互 关系 。 建 立 一 个 XML 文档 的 
主要 步骤 如 下 : 

(1) 命名 相关 的 信息 项 ， 把 其 映射 为 相应 的 元 素 或 属性 。 

(2) 确定 XML 文档 的 层次 结构 ， 即 各 元 素 之 间 的 嵌 套 关系 。 

(3) 根据 层次 结构 构造 DTD 。 

(4) 根据 DTD 编写 相应 的 XML 文档 。 

DTD 的 语法 结构 包括 元 素 定 义 和 属 性 定义 两 部 分 ， 下 面 分 别 进行 介绍 。 

1) 元 素 定 义 

(1) 元 素 声明 

形式 : <!ELEMENT name content > 

说 明 : 其 中 ，name 为 XML 标记 的 名 字 ; content 为 EMPTY 或 ANY， 用 于 描述 子 元 素 
的 顺序 和 重复 次 数 的 内 容 模型 。 

(2) 元 素 内 容 的 类 型 


EMPTY 类 型 : 只 有 属性 没有 字符 数据 或 子 元 素 。 

ANY 类 型 : 包含 DTD 定义 的 所 有 其 他 元 素 或 已 编译 的 字符 数据 。 

#PCDATA 类 型 : 不 包含 其 他 子 元 素 而 只 包含 字符 数据 的 元 素 。 

子 元 素 类 型 : 包含 一 系列 的 子 元 素 ， 子 元 素 的 内 容 模型 用 于 指定 某 个 元 素 可 以 包 
含 哪些 子 元 素 。 

混合 类 型 既 包 含 子 元 素 又 包含 已 编译 的 字符 数据 。 


(3) 元 素 出 现 次 数 的 指示 符 


?: 元 素 可 以 出 现 0 次 或 1 次 。 
*; 元 素 可 以 不 出 现 ， 或 者 出 现 一 次 或 多 次 。 
+: 元 素 必须 至 少 出 现 一 次 ， 即 可 以 出 现 一 到 多 次 。 


2) 属性 定义 

(1) 属性 声明 

语法 : <! ATTLIST Element_name Attribute_ name Type Default_value > 
说 明 : 


ATTLIST: 用 于 定义 元 素 所 具有 的 属性 。 
Element_name: 元 素 名 。 

Attribute_ name: 该 元 素 所 具有 的 属性 。 
Type: 属性 的 类 型 。 

Default_value: 属性 的 默认 值 。 


(2) 属性 的 类 型 


CDATA 类 型 : 此 属性 的 值 只 能 是 文本 类 型 。 
枚 举 属 性 类 型 : 指定 的 文本 串 列 表 中 的 某 个 文本 串 。 
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ID 属性 类 型 : 用 于 标识 文档 中 的 元 素 。 

IDREF/IDREFS 类 型 : 用 于 引用 同一 文档 中 的 另 一 元 素 的 ID 属性 。 

NMTOKEN/NMTOKENS 属性 类 型 : 必须 为 一 个 有 效 的 XML 名 称 。 

ENTITY 和 ENTITYS 属性 类 型 : 用 来 引用 文档 中 的 不 可 解析 的 外 部 实体 。 

NOTATION 类 型 : 用 于 把 属性 值 和 DTD 中 的 <! NOTATION> 声 明 关 联 起 来 。 

(3) 属性 的 默认 值 

@ REQUIRED: 这 个 元 素 在 使 用 时 必须 具有 该 属性 。 

@ ”IMPLIED: 该 属性 不 是 必须 使 用 的 。 

@ FIXED: 在 相应 的 XML 文档 中 可 以 不 用 明确 地 指定 该 属性 的 值 ， 如 果 明 确 指定 属 
性 值 ， 则 必须 是 定义 时 给 出 的 默认 值 。 

例 2.28 XML 文件 代码 示例 。 


<?xml version="1.0"?> 
<!IDOCTYPE message[ 
<IELEMENT message (header,body,(signaturelfooter))> 
<IELEMENT header (date,from,to+,subject,banner?)> 
<!IELEMENT body (paragraph’)> 
<IELEMENT date (date,month,year)> 
<!IELEMENT paragraph (#PCDATA)> 
<!IATTLIST paragraph size CDATA #REQUIRED> 
<!IELEMENT signature (#PCDATA)> 
<!IELEMENT footer ANY> 
<IELEMENT day (#PCDATA)> 
<!IELEMENT month  (#PCDATA)> 
<IATTLIST month type (numberic|character) #REQUIRED> 
<IELEMENT year  (#PCDATA)> 
<IlATTLIST year format (numericlcharacter) "numeric" > 
<!IELEMENT from (#PCDATA)> 
<!IELEMENT to (#PCDATA)> 
<!IATTLIST to relationship CDATA #IMPLIED> 
<!IELEMENT subject (#PCDATA)> 
<!IELEMENT banner (#PCDATA)> 
> 
<message > 
<header> 
<date> 
<day>12</day> 
<month type="character">MAY</month> 
<year>2006</year> 
</date> 
<from> luliuyan </from> 
<to> luliuyan's wife</to> 
<to relationship="very close">Your family</to> 
<to relationship="not so close">Your friends</to> 
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<subject> Merry Christmas</subject> 
<banner></banner> 
</header> 
<body> 
<paragraph size="1 line"> 
Best wishes for Christmas 
</paragraph> 
<paragraph size="2 line"> 
| love you!! 
</paragraph> 
</body> 
<footer> 
<day>Christmas Day</day> 
<from>The best for us</from> 
</footer> 
</message> 


从 上 面 的 示例 可 以 得 出 以 下 几 点 结论 。 

@ 第 1 层 message: 包含 header、body、signature 3 个 元 素 , 或 者 footer (其 中 一 个 )。 

@ 第 2 层 header: 又 包含 date、from、to(*+” 表 示 to 元 素 出 现 次 数 为 一 次 到 多 次 )、 
subject\banner(“? "表示 banner 元 素 出 现 次 数 为 0 到 多 次 )。body 有 子 元 素 paragraph 

("*" 表 示 paragraph 元 素 可 以 不 出 现 ， 或 出 现 一 次 或 多 次 )， 而 且 paragraph 有 

#PCDATA 限制 ， 表 示 不 能 包含 其 他 元 素 ， 且 只 能 是 字符 数据 。 另 外 ，paragraph 
含有 属性 size， 且 size 属性 的 类 型 是 CDATA， 表 示 是 字符 数据 ，#REQUIRED 表 
示 使 用 paragraph 元 素 时 必须 使 用 size 属性 。signature 元 素 也 为 字符 类 型 。footer 
元 素 为 任意 类 型 ANY 〈 本 例 中 是 包含 其 他 子 元 素 的 类 型 )。 

@ 第 3 层 date: 包含 day、month (有 type 属性 )、year (有 format 属性 ) 3 个 子 元 素 ; 
from 元 素 和 to 元 素 有 relationship 属性 。 


2. XML 数据 底层 结构 的 Schema 


Schema 的 优点 其 实 就 是 DTD 的 缺点 : 

@ DTD 是 使 用 与 XML 不 同 的 语法 写 的 ,而 Schema 使 用 的 是 一 种 类 似 XML 的 语言 。 
@ DTD 中 所 有 声明 都 是 全 局 的 ， 而 Schema 既 有 全 局 声明 ， 又 有 局 部 声明 。 

@ Schema 最 大 的 优点 就 是 支持 数据 类 型 ， 而 且 支 持 自 定义 的 数据 类 型 。 

另外 ，Schema 模式 是 个 文本 文件 ， 独 立 于 XML 文档 ， 以 .xsd 为 文件 扩展 名 。 

例 2.29 Schema 示例 。 

studInfo.xsd 文件 的 内 容 如 下 : 


<?xml version="1.0" encoding="GB2312"?> 
<xsd:schema xmins:xsd="http://www.w3.org/2001/XMLSchema"> 
<xsd:annotation> 

<xsd:documentation> 

这 是 一 个 关于 学 生 个 人 信息 的 XML 文档 
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</xsd:documentation> 

</xsd:annotation> 

<xsd:element name="studInfo" type="studInfoType"/> 
<xsd:complexType name="studlnfoType"> 
<xsd:sequence> 


<xsd:element name="studID" type="xsd:string"/> 
<xsd:element name="studName" type="xsd:string"/> 
<xsd:element name="studAge” type="xsd:integer"/> 
<xsd:element name="studAddress" type="addressType"/> 
</xsd:sequence> 

</xsd:complexType> 
<xsd:complexType name="addressType"> 
<xsd:sequence> 

<xsd:element name="street" type="xsd:string"/> 
<xsd:element name="Ccity" type="xsd:string"/> 
<xsd:element name="state” type="xsd:string"/> 
<xsd:element name="phone" type="xsd:string" use="optional"/> 
</xsd:sequence> 

</xsd:complexType> 

</xsd:schema> 


studInfo.xml 文件 的 内 容 如 下 : 


<?xml version="1.0" encoding="GB2312"?> 
<studlnfo studID="040310125"> 
<studName>luliuyan</studName> 
<studAge>22</studAge> 
<studAddress> 
<street>168</street> 
<city> 南 京 </city> 
<state> 中 国 </state> 
<phone>02552113125</phone> 
</studAddress> 
</studlnfo> 


3. Schema 和 DTD 的 区 别 


XML Schema 和 DTD 都 用 于 文档 验证 , 但 两 者 有 一 定 的 区 别 。 其 中 DTD 不 遵守 XML 
语法 ， 不 可 扩展 ， 不 支持 命名 空间 的 应 用 ， 没 有 提供 强大 的 数据 类 型 支持 ， 只 能 表示 很 简 
单 的 数据 类 型 ，Schema 完全 基于 XML 语法 ,能 用 处 理 XML 文档 的 工具 处 理 ， 大 大 扩充 了 
数据 类 型 ， 支 持原 型 和 属性 组 ， 有 开放 性 ， 可 以 多 个 Schema 运用 于 一 个 XML 文档 。 因 此 
Schema 更 为 精确 和 灵活 。 
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2.3.4 XML 文件 的 设计 


XML 文档 的 生成 步骤 如 下 : 
(1) 确定 各 种 元 素 。 
(2) 根据 各 元 素 之 间 的 关系 生成 结构 树 。 
(3) 根据 结构 树 生成 XML Schema。 
(4) 生成 XML 文档 。 
命名 空间 是 W3C 推荐 标准 提供 的 一 种 统一 命名 XML 文档 中 的 元 素 和 属性 的 机 制 。 使 
用 命名 空间 可 以 明确 标识 和 组 合 XML 文档 中 来 自 不 同 标记 词汇 表 的 元 素 和 属性 , 避免 了 名 
称 之 间 冲 突 而 带 来 的 问题 。 声 明 命名 空间 通常 使 用 一 个 简短 的 代号 来 代替 URI， 这 个 简短 
的 代号 称 为 命名 空间 前 级 ， 由 编写 XML 文档 的 人 员 自 由 决定 。 前 级 只 能 包含 XML 标准 中 
规定 允许 用 作 元 素 和 属性 名 的 字符 组 成 ， 其 中 包括 英文 字母 和 所 有 收录 在 Unicode 中 的 汉 
字 。 命 名 空间 声明 的 一 般 形式 如 图 2-1 所 示 。 


如 :， xmlns:river=“http://www.myserver.com/” 


图 2-1 命名 空间 声明 


第 部 分 是 一 个 关键 字 “xmlns:”， 第 @ 部 分 是 命名 空间 的 前 级 ， 第 @ 部 分 是 一 个 等 号 ， 
第 @ 部 分 是 双 引 号 〈 即 把 第 @ 部 分 的 名 空间 标识 URI 包括 起 来 )， 第 @ 部 分 是 名 空间 标识 
URI。 需 要 注意 的 是 ， 命 名 空间 的 前 级 不 能 称 为 xml， 因 为 在 XML 中 这 个 字符 串 是 保留 作 
特殊 用 途 的 ， 如 xml:space。 另 外 ， 还 可 以 隐 式 声明 命名 空间 ， 即 省 略 掉 冒号 和 命名 空间 前 
级 ， 如 图 2-2 所 示 。 


如 : xmins= “http://www.myserver.com/” 


图 2-2 命名 空间 声明 


在 XML 中 ,命名 空间 的 使 用 涉及 “范畴 ”的 概念 ， 范 畴 即 命名 空间 的 覆盖 范围 ， 它 指 
的 是 哪些 元 素 和 属性 在 该 命名 空间 中 ， 哪 些 不 在 。 命 名 空间 既 可 以 限定 整个 XML 文档 , 也 
可 以 只 针对 XML 文档 中 的 一 部 分 ， 另 外 ， 在 XML Schema 中 也 使 用 命名 空间 。 
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2.3.5 XML 与 Java 


许多 网 络 开发 人 员 认 为 ，XML 和 Java 的 相配 合 是 最 合适 的 选择 ， 是 因为 XML 和 Java 
能 够 相互 补充 而 构成 一 个 完整 的 开发 平台 。XML 能 够 提供 平台 无 关 的 数据 ， 而 Java 提供 平 
台 无 关 的 软件 处 理 。 在 1997 年 6 月 , Sun 微 系统 公司 的 Jon Bosak 在 他 的 “XML, Java, and the 
Future of the Web” 论 文中 提 到 :“XML 能 够 让 Java 实现 更 多 的 事情 。” 也 就 是 说 ， 在 一 些 
特殊 的 应 用 领域 中 ，XML 为 Java 提供 了 供 处 理 的 数据 。XML 和 Java 对 mtemet 都 是 很 友 
好 的 ， 它 们 内 部 都 对 Internet 进行 了 特别 的 优化 。XML 在 设计 之 初 ， 就 是 向 着 一 种 能 够 在 
Internet 上 自由 传播 的 、 优 化 的 、 有 弹性 的 、 易 于 阅读 的 格式 这 样 一 个 目标 设计 的 。Java 中 
更 是 内 建 了 与 许多 网 络 相 关 的 类 库 ， 能 够 很 好 地 支持 sockets、HTTP、HTML 等 网 络 协议 ， 
它们 都 支持 Unicode， 因 而 开发 出 来 的 应 用 也 很 容易 进行 国际 化 。Java 为 程序 员 提 供 了 表达 
复杂 数据 结构 以 及 面向 对 象 的 建 模 方法 , 而 XML 在 这 方面 也 是 一 个 比较 理想 的 工具 。 虽然 
XML 出 现 不 是 很 入 ， 但 现在 支持 XML 的 工具 越 来 越 多 ， 从 编写 XML 到 XML 的 Paser 解 
析 器 一 应 俱全 ， 这 也 为 XML 的 发 展 葛 定 了 很 好 的 基础 。 


2.3.6 XML 与 .NET 


Internet 的 应 用 正在 不 断 地 扩大 ， 能 用 某 种 方法 访问 远程 站 点 提供 的 计算 能 力 并 利用 它 
的 服务 ， 而 不 仅仅 是 利用 它 的 发 布 能 力 ， 就 是 .NET 将 要 提供 的 精华 。 

.NET 允许 在 服务 的 层次 上 ， 而 不 是 在 发 布 的 层次 上 来 共享 信息 并 交互 。Microsoft 的 支 
持 .NET 的 产品 和 许多 来 自 第 三 方 的 组 件 、 内 容 和 功能 都 拥有 .NET 的 内 部 结构 , 但 自然 地 会 
提出 一 个 问题 一 一 是 什么 使 .NET 工作 呢 ? 这 些 都 是 从 XML 开始 的 。 要 想 理 解 .NET， 就 需 
要 理解 XML。 像 我 们 在 交流 中 所 说 和 写 的 语言 一 样 , XML (EXtensible Markup Language， 
可 扩展 标记 语言 ) 是 .NET 的 基础 ， 是 .NET 的 灵魂 ， 是 所 有 .NET 现在 和 将 来 的 基础 。 数 据 
库 将 通过 XML 中 的 记录 和 集 来 读 写 ，Web 浏览 器 将 接受 XML 并 将 其 和 伴随 它 的 样式 表 一 起 
显示 , Visual Studio 甚至 会 产生 XML 代码 ! 不 理解 XML 和 与 之 相关 的 技术 ,就 不 能 支持 .NET 
的 资源 交流 ， 无 论 是 站 点 还 是 人 ! 对 于 今天 的 Web 服务 器 而 言 ， XML 差不多 无 所 不 在 。 几 
乎 所 有 的 计算 平台 都 能 分 析 XML, 因而 也 就 能 获得 XML 文档 中 的 内 容 , Windows 能 , Linux 
能 ， 当 然 MVS 和 VMS 也 能 ， 甚 至 蜂窝 式 移动 电话 也 能 。 


2.3.7 XML 应 用 实例 


XML 在 不 同 领域 有 着 广泛 的 应 用 ， 例 如 ， 在 科技 领域 的 MathML、 无 线 通 信 应 用 的 
WML 和 在 网 络 图 像 方面 的 SVG 等 ， 这 里 侧重 讨论 XML 在 Web 上 的 应 用 。XML 在 Web 
上 应 用 主要 是 利用 其 强大 的 数据 操作 能 力 。 一 般 用 XML 配合 JavaScript 和 ASP 等 服务 器 端 


而 
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程序 ， 可 以 实现 网 络 上 几乎 所 有 的 应 用 需求 ， 这 是 一 个 简单 的 书目 数据 检索 功能 。 通 过 单 


上 


击 “ 上 一 个 ^“ 下 一 个 ”按钮 可 以 浏览 每 本 书 的 有 关 信息 。 下 面 分 析 它 的 设计 过 程 。 


1. 定义 新 标识 
根据 实际 的 书目 数据 ， 首 先 新建 一 个 名 为 <CD> 的 标识 ;然后 建立 它 相关 的 数据 标识 ， 


1 CD 名 称 <Title>、 作 者 <Artist>、 出 版 年 代 <Year>、 国 家 <Country>、 出 版 社 <Company> 和 


价格 <Price>; 最 后 还 要 建立 一 个 名 为 目录 <CATALOG> 的 标识 。 为 什么 要 再 建立 一 个 
<CATALOG> 标 识 呢 ? 因为 在 XML 文档 中 规定 ， 必 须 上 且 只 能 有 一 个 根 元 素 〈 标 识 )， 我 们 
有 多 个 CD 数据 ， 这 些 数据 是 并 列 的 关系 ， 所 以 需要 为 这 些 并列 的 元 素 建 立 一 个 根 元 素 。 以 
上 元 素 的 定义 和 关系 都 完全 符合 XML 标准 ， 不 需要 特别 的 DTD 文件 来 定义 ， 所 以 可 以 省 
略 DTD 定义 。 如 果 想 使 用 DTD 来 定义 ， 以 上 过 程 可 以 用 下 列 代码 表示 : 


<IELEMENT CATALOG (CD)”> 

<!ELEMENT CD (Title,Artist,YearCountry Company,Price)> 
<IELEMENT Title (#PCDATA)> 

<IELEMENT Artist (#PCDATA)> 

<IELEMENT Year (#PCDATA)> 

<IELEMENT Country (#PCDATA)> 

<IELEMENT Company (#PCDATA)> 

<IELEMENT Price (#PCDATA)> 


上 述 代码 表示 : 元 素 CATALOG 包含 多 个 CD 子 元 素 ， 而 子 元 素 CD 又 依次 包含 Title、 


Artist、Year、Country、Company、Price 6 个 子 元 素 ， 它 们 的 内 容 都 定义 为 文本 。 


2. 建立 XML 文档 
建立 XML 文档 的 代码 如 下 : 


<?xml version="1.0"?><CATALOG> 
<CD> 

<TITLE>Empire Burlesque</TITLE> 
<ARTIST>Bob Dylan</ARTIST> 
<COUNTRY>USA</COUNTRY> 
<COMPANY>Columbia</COMPANY> 
<PRICE>10.90</PRICE> 
<YEAR>1985</YEAR> 

</CD> 

<CD> 

<TITLE>Hide your heart</TITLE> 
<ARTIST>Bonnie Tylor</ARTIST> 
<COUNTRY>UK</COUNTRY> 
<COMPANY>CBS Records</COMPANY> 
<PRICE>9.90</PRICE> 
<YEAR>1988</YEAR> 
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</CD> 
<CD> 
<TITLE>Greatest Hits</TITLE> 
<ARTIST>Dolly Parton</ARTIST> 
<COUNTRY>USA</COUNTRY> 
<COMPANY>RCA</COMPANY> 
<PRICE>9.90</PRICE> 
<YEAR>1982</YEAR> 
</CD> 
<CD> 
<TITLE>Still got the blues</TITLE> 
<ARTIST>Gary More</ARTIST> 
<COUNTRY>UK</COUNTRY> 
<COMPANY>Virgin redords</COMPANY> 
<PRICE>10.20</PRICE> 
<YEAR>1990</YEAR> 
</CD> 
<CD> 
<TITLE>Eros</TITLE> 
<ARTIST>Eros Ramazzotti</ARTIST> 
<COUNTRY>EU</COUNTRY> 
<COMPANY>BMG</COMPANY> 
<PRICE>9.90</PRICE> 
<YEAR>1997</YEAR> 
</CD> 
</CATALOG> 


上 面 代码 首先 用 “<?xml version="1.0"?>” 声 明 语 句 表明 这 是 一 个 XML 文档 ， 它 的 格 
式 遵 守 XML 1.0 标准 规范 。 文 档 内 容 的 代码 如 下 : 


<CATALOG> 
<CD> 


<cD> 

<CD> 

</cD> 

</CATALOG> 

此 时 ， 一 共 定 义 了 5 组 数据 。 将 上 面 的 代码 存 为 cd.xml 文件 ， 以 备 调用 。 
3. 建立 相应 的 HTML 文件 


(1) 导入 XML 数据 
下 是 通过 在 HTML 中 的 object 来 支持 插入 XML 的 ， 并 通过 XMLDocument.load() 方 法 
来 导入 数据 。 代 码 如 下 : 


) 
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<object WIDTH="0" HEIGHT="0" 
CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso"> 
</object> 


定义 一 个 object，ID 名 为 xmldso， 然 后 在 head 区 引入 XML 数据 ， 代 码 如 下 : 


<script for="window" event="onload"> 
xmldso.XMLDocument.load("cd.xml"); 
</script> 


(2) 捆绑 数据 
用 <SPAN> 标 识 将 XML 数据 绑 定 在 表格 中 。 其 中 ID、DATASRC、DTATFLD 都 是 <SPAN> 
的 属性 ， 代 码 如 下 : 


<table> 

<tr><td>Title:</td><td><SPAN ID="title" DATASRC=#xmldso DATAFLD="TITLE"></SPAN></td></tr> 

<tr><td>Artist:</td><td><SPAN ID="artist" DATASRC=#xmldso DATAFLD="ARTIST"></SPAN></td></tr> 

<tr><td>Year:</td><td><SPAN ID="year DATASRC=#xmldso DATAFLD="YEAR"></SPAN></td></tr> 

<tr><td>Country:</td><td><SPAN ID="country" DATASRC=#xmldso DATAFLD="COUNTRY"></SPAN> 
</td></tr> 

<tr><td>Company:</td><td><SPAN ID="company" DATASRC=#xmldso DATAFLD="COMPANY"> 
</SPAN> </td></tr> 

<tr><td>Price:</td><td><SPAN ID="price" DATASRC=#xmldso DATAFLD="PRICE"></SPAN></td></tr> 

</table> 


4. 为 数据 提供 浏览 按钮 
代码 如 下 : 


<INPUT TYPE=button VALUE=" 上 一 张 CD" ONCLICK="moveprevious()"> 
<INPUT TYPE=button VALUE=" 下 一 张 CD" ONCLICK="movenext()"> 


利用 movenext0 和 moveprevious() 完 成 两 个 鼠标 的 点 击 功 能 ， 在 head 区 加 入 如 下 代码 : 


<script language="JavaScript"> 
function movenext() 


{ 


if (xmldso.recordset.absoluteposition < xmldso.recordset.recordcount) 


1 

xmldso.recordset.movenext(); 

3. 

function moveprevious() 

{ 

if (xmldso.recordset.absoluteposition > 1) 
{ 

xmldso.recordset.moveprevious();} 
</script> 


je 
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下 面 是 HTML 文件 的 全 部 源 代码 : 


<html> 

<head> 

<script for="window" event="onload"> 

xmldso.XMLDocument.load("cd.xml"); 

</script> 

<script language="JavaScript"> 

function movenext() 

if (xmldso.recordset.absoluteposition < xmldso.recordset.recordcount) 

{ 

xmldso.recordset.movenext();} 

jfunction moveprevious() 

{ 

if (xmldso.recordset.absoluteposition > 1) 

xmldso.recordset.moveprevious(); 

</script> 

<title>CD Navigate</title> 

</head> 

<body> 

<p> 

<object WIDTH="0" HEIGHT="0" 

CLASSID="clsid:550dda30-0541-11d2-9ca9-0060b0ec3d39" ID="xmldso"> 

</object> 

<table> 

<tr><td>Title:</td><td><SPAN ID="title" DATASRC=#xmldso DATAFLD="TITLE"></SPAN></td></tr> 

<tr><td>Artist:</td><td><SPAN ID="artist" DATASRC=#xmldso DATAFLD="ARTIST"></SPAN></td></tr> 

<tr><td>Year:</td><td><SPAN ID="year DATASRC=#xmldso DATAFLD="YEAR"></SPAN></td></tr> 

<tr><td>Country:</td><td><SPAN ID="country” DATASRC=#xmldso DATAFLD="COUNTRY"> 
</SPAN></td></tr> 

<tr><td>Company:</td><td><SPAN ID="company" DATASRC=#xmldso DATAFLD="COMPANY"> 
</SPAN></td></tr> 

<tr><td>Price:</td><td><SPAN ID="price" DATASRC=#xmldso DATAFLD="PRICE"></SPAN></td></tr> 

</table> 

<p> 

<INPUT TYPE=button VALUE=" 上 一 张 CD" ONCLICK="moveprevious()"> 

<INPUT TYPE=button VALUE=" 下 一 张 CD" ONCLICK="movenext()"> 

</p> 

</body> 

</html> 


企 Web 开发 实用 技术 基础 


将 以 上 代码 存 为 cd.htm 文件 , 与 第 2 步 的 cd.xml 文件 放 在 一 起 。 打 开 cd.htm 文件 ， 就 
可 实现 该 功能 。 


2.4 小 结 


本 章 首 先 介 绍 了 标记 语言 的 主要 发 展 历程 ， 然 后 重点 介绍 了 超 文本 标记 HTML 的 基础 
知识 , 包括 超 链 接 、 列表 、 表 格 、 表 单 、 框 架 、 图 像 、 文 本 格式 以 及 网 页 设计 等 ， 并 对 XML 
的 文档 类 型 、 底 层 结构 以 及 与 Java、.NET 的 关系 进行 了 详细 的 介绍 ， 最 后 列举 了 一 个 XML 
应 用 实例 。 通 过 本 章 学 习 ， 读 者 可 以 全 面 了 解 HTML 和 XML 概念， 为 本 书后 面 的 学 习 打 下 
坚实 的 基础 。 


2.5 思 考题 


.什么 是 HTML? 它 与 XML 有 什么 本 质 的 不 同 ? 

. 在 XML 中 ， 文 档 类 型 定义 DTD 和 文档 结构 的 目的 是 什么 ? 
. 标记 一 个 图 片 的 超 链接 应 如 何 表示 ? 

. 超 链接 标记 有 哪些 属性 ? 每 种 属性 的 含义 是 什么 ? 

. 什么 是 XML 的 名 称 空间 ? 
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网 页 是 存储 在 Web 服务 器 上 的 一 个 个 HTML、JSP、ASP、PHP 等 各 种 类 型 的 文档 ， 并 
且 能 够 在 浏览 器 中 以 多 媒体 的 形式 呈现 出 来 。 网 站 是 由 大 量 的 网 页 组 成 的 多 媒体 资源 。 那 
么 网 页 设计 的 原则 是 什么 ? 常见 的 制作 工具 有 哪些 ? 网 站 如 何 规划 管理 呢 ? 

本 章 主要 介绍 3 个 方面 的 内 容 : 网 页 的 基础 知识 ， 包 括 什么 是 网 页 、 网 页 的 基本 元 素 、 
网 页 设计 原则 ; 常见 的 网 页 制作 工具 ， 如 网 页 制作 软件 、 图 形 图 像 处 理 软件 、 动 画 设计 软件 
等 ; 网 站 规划 设计 基础 ， 包 括 网 站 设计 流程 、 确 定 网 站 的 类 型 以 及 确定 网 站 栏目 和 板块 等 。 


3.1 网 页 的 基础 知识 


3.1.1 什么 是 网 页 


网 页 也 称 为 Web 页 ， 是 WWW 的 基本 文档 ， 它 由 文字 、 图 片 、 动 画 和 声音 等 多 种 媒体 
信息 以 及 超 链接 组 成 , 是 用 HTML( 超 文本 标识 语言 ) 或 者 其 他 语言 (如 JavaScript、VBScript、 
ASP、PHP、XML 等 ) 编写 而 成 的 。 网 页 通过 链接 实现 与 其 他 网 页 或 网 站 的 关联 和 跳 转 。 如 
图 3-1 所 示 为 清华 大 学 网 站 的 主页 。 


学 多 砚 | 院 币 设 晤 | 管理 机 从 | 科学 研究 | 教师 队 全 | 人 才 声 章 | 招生 次 业 


人 
NE into@tsinghes edu cn 


图 3-1 清华 大 学 网 站 主页 
网 页 是 网 站 的 基本 信息 单位 ， 一 个 网 站 通常 由 许多 网 页 组 成 ， 而 众多 网 页 中 处 于 第 一 


企 Web 开发 实用 技术 基础 


页 (首页 ) 的 页 面 被 称 为 主页 ， 从 主页 可 以 链接 到 其 他 的 网 页 。 通 常 所 说 的 Home Page 是 
指 首页 ， 即 进入 网 站 其 他 页 面 的 “入 口 ”。 一 个 网 站 可 以 有 多 个 网 页 ， 但 只 能 有 一 个 首页 。 
从 文件 角度 讲 ， 网 页 是 一 种 由 HTML 语言 编写 的 文本 文件 ， 存 放 在 世界 某 个 角落 的 某 一 台 
计算 机 中 ， 而 这 个 计算 机 必须 是 与 互联 网 相连 接 的 ， 所 以 网 页 文件 又 称 为 HTML 文件 ， 其 
扩展 名 为 .html 或 .htm， 网 页 的 HTML 源 代码 如 图 3-2 所 示 。 网 页 作为 一 种 文本 文件 ， 可 以 
用 任意 文本 编辑 器 编辑 ， 如 可 使 用 Windows 系统 中 的 “记事 本 ”程序 。 
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图 3-2 网 页 的 HTML 源 代码 
3.1.2 ”网 页 的 基本 元 素 


构成 网 页 的 主要 元 素 有 文字 、 图 像 和 超 链接 ， 文 字 和 图 像 是 用 户 传播 信息 的 主要 形式 ， 
而 超 链接 则 是 不 同 页 面 的 纽带 ，3 个 部 分 有 机 结合 ， 就 组 成 了 完整 的 页 面 。 另 外 ， 其 他 一 些 
辅助 页 面 元 素 的 加 入 ， 也 使 得 页 面 越 来 越 丰富 多 彩 。 

1. 文字 

文字 是 网 页 中 最 基本 的 元 素 ， 也 是 网 页 发 布 信息 所 用 的 最 主要 形式 。 由 文字 制作 出 的 
网 页 占用 空间 小 ， 因 此 下 载 速度 很 快 。 另 外 ， 文 字 性 网 页 还 可 以 利用 浏览 器 中 “文件 ” 菜 
单 下 的 “另存 为 ”功能 将 其 下 载 ， 便 于 以 后 长 期 阅读 ， 也 可 对 其 进行 编辑 、 打 印 。 但 是 没 
有 编排 点 级 的 纯 文字 网 页 ， 美 观 性 很 差 ， 所以， 网 页 上 的 文字 可 以 设置 不 同 的 大 小 、 字 体 、 
颜色 和 格式 等 ， 以 使 页 面 更 生动 。 也 可 以 采用 一 些 动 态 技术 ， 使 文字 具有 各 种 各 样 的 动态 
效果 。 


2. 图 像 


图 像 是 网 页 必 不 可 少 的 另 一 个 重要 元 素 ， 图 像 传递 的 信息 比 文字 更 直观 ， 在 网 页 中 适 
当 添 加 图 像 ， 还 可 以 对 网 页 起 到 装饰 和 美化 的 作用 ， 能 给 用 户 带 来 更 为 强烈 的 视觉 效果 。 
在 页 面 上 可 以 使 用 的 图 像 格式 主要 有 GIF、JPG/JPEG、PNG、BMP 等 ， 其 中 最 常用 的 
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是 GIF 和 卫 G/JPEG， 这 两 种 格式 具有 跨 平台 的 特性 ， 可 以 在 不 同 操作 系统 支持 的 浏览 器 上 


显示 。 
3. 超 链接 


超 链接 是 建立 在 同一 站 点 或 不 同 站 点 中 Web 页 之 间 的 跳 转 关 系 , 是 WWW 中 最 具 特 色 
的 功能 。 超 链接 的 设置 ， 使 得 用 户 在 浏览 网 页 时 可 以 随意 转向 其 他 有 兴趣 的 页 面 ， 整 个 站 
点 的 网 页 都 成 为 有 机 的 整体 ， 而 且 站 点 与 站 点 之 间 也 可 以 建立 联系 。 

超 链接 的 建立 ， 是 通过 链接 载体 和 链接 目标 的 设置 实现 的 。 页 面 中 的 很 多 元 素 都 可 以 
作为 链接 载体 ， 如 文字 、 图 像 、 图 像 热点 区 域 和 动画 等 ， 而 链接 目标 则 是 任意 的 网 络 资源 ， 
如 页 面 、 图 像 、 声 音 、 程 序 、E-mail 甚至 是 页 面 中 的 某 个 位 置 一 一 锚 点 。 


4. 声音 和 动画 
声音 和 动画 也 是 网 页 上 的 重要 表现 形式 ， 适 当地 使 用 这 些 多 媒体 元 素 ， 可 以 使 网 页 更 
生动 。 声 音 在 网 页 中 主要 应 用 于 网 页 背景 或 者 音乐 站 点 。 网 页 中 支持 的 声音 格式 有 MID、 


MP3、WAV 和 RM 等 。 动 画 文 件 的 格式 有 AVI 视频 、Java Applet 动画 等 ， 最 常用 的 动画 文 
件 是 Flash 动画 ， 但 是 Flash 动画 需要 安装 插件 才 可 以 播放 。 


5. 表单 


表单 可 以 为 浏览 器 和 服务 器 之 间 提 供 信息 交流 ， 通 常用 于 填写 申请 或 提交 信息 的 交互 
页 面 ， 如 用 户 注册 页 面 、 电 子 邮 件 等 的 申请 页 面 和 论坛 、 留 言 短 等 进行 数据 提交 的 页 面 都 
是 通过 表单 实现 的 ， 如 图 3-3 所 示 。 


侈 mms 一 过 一 种 辛 福 完整 的 教育 生活 


过 


图 3-3 用 户 注册 表单 页 面 
3.1.3 ”网 页 设计 原则 


网 页 的 美观 与 实用 ， 关 系 到 网 站 的 整体 浏览 效果 ， 良 好 的 网 页 需要 通过 网 页 设计 与 网 
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页 制作 两 个 步骤 完成 ， 因 此 ， 网 页 设计 是 一 个 感性 思考 与 理性 分 析 相 结合 的 复杂 过 程 ， 它 
的 设计 取决 于 整个 网 站 的 风格 ， 它 的 实现 依赖 于 网 页 制作 。 

网 页 设计 依赖 于 设计 者 对 整个 网 站 的 理解 及 设计 制作 水 平 ， 而 且 还 与 设计 者 自身 的 审 
美观 以 及 对 页 面 的 把 握 有 关 。 在 设计 时 要 遵循 以 下 网 页 设计 原则 。 

1. 内容 与 形式 要 统一 


网 页 的 内 容 与 形式 是 相互 依赖 的 ， 设 计 作品 的 整体 效果 是 至 关 重 要 的 。 网 页 提供 给 浏 
览 者 最 主要 的 是 内 容 ， 因 为 用 户 访问 网 站 的 最 终 目的 是 获取 自己 想 要 的 信息 ， 但 是 单纯 的 
内 容 又 使 页 面 显得 枯燥 无 味 。 在 设计 时 ， 页 面 的 内 容 与 形式 应 相互 对 应 、 相 互 衬托 ， 内 容 
丰富 且 外 观 漂亮 的 页 面 才 能 使 用 户 喜欢 。 


2. 页 面 之 间 的 超 链接 要 有 效 


页 面 之 间 的 跳 转 是 通过 超 链接 实现 的 ， 超 链接 的 实现 效果 严重 影响 整个 网 站 的 效果 ， 
也 会 影响 访问 者 的 兴趣 。 如 果 访问 者 在 单 击 超 链 接 之 后 ， 弹 出 的 页 面 无 法 显示 ， 或 正在 建 
设 中 ， 那 么 访问 者 是 不 可 能 再 有 心情 去 继续 欣赏 这 个 网 站 的 。 为 了 保证 网 站 的 整体 效果 ， 
在 制作 时 要 将 设置 的 各 个 超 链 接 真 实 完整 地 实现 。 


3. 导航 结构 要 清晰 


网 页 中 的 导航 为 访问 者 提供 了 浏览 整个 网 站 的 “路 标 ”。 合 理 的 “路 标 ” 能 够 让 访问 
者 快速 、 准 确 地 找到 自己 所 期 望 的 内 容 。 所 有 的 超 链接 要 清晰 无 误 地 标识 出 来 ， 所 有 导 
航 性 质 的 设置 ， 如 图 像 按 钮 、 链 接 文字 等 都 要 有 清晰 的 标识 ， 当 然 ， 也 要 兼顾 美观 的 视觉 
效果 。 


4. 访问 速度 要 流畅 


排除 服务 器 的 因素 ， 决 定 网 页 访问 速度 的 主要 是 网 页 的 大 小 以 及 网 页 中 各 种 元 素 所 占 
空间 的 大 小 。 在 访问 者 打开 想 要 浏览 的 网 页 时 ， 如 果 网 页 文件 较 大 ， 页 面 显 示 的 速度 必然 
会 很 慢 ， 在 等 待 片刻 之 后 ， 页 面 还 没有 完整 打开 ， 那 么 ， 访 问 者 对 该 网 页 的 兴趣 就 会 大 大 
降低 ， 甚 至 会 直接 关闭 。 所 以 ， 通 常情 况 下 ， 要 求 页 面 代码 、 图 片 及 页 面 中 的 多 媒体 元 素 
都 要 优化 处 理 ， 可 采用 的 措施 有 选择 合适 大 小 的 图 片 添加 在 网 页 中 、Flash 动画 也 要 尽 可 能 
短 、 尽 量 少 地 使 用 背景 音乐 等 。 


[ey 


3.2 ”常用 的 网 页 制作 工具 


3.2.1 网 页 制作 软件 


(1) FrontPage 
FrontPage 是 由 Microsoft 公司 推出 的 Web 网 页 制作 工具 。FrontPage 使 网 页 制作 者 能 够 
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更 加 方便 、 快 捷 地 创建 和 发 布 网 页 ， 具 有 直观 的 网 页 制作 和 管理 方法 ， 简 化 了 大 量 工作 。 
FrontPage 界面 与 Word、PowerPoint 等 软件 的 界面 极为 相似 ， 为 使 用 者 带 来 了 极 大 的 方便 ， 
Microsoft 公司 将 FrontPage 封装 入 Office 中 ， 使 其 成 为 Office 家 族 的 一 员 ， 功 能 更 为 强大 。 

FrontPage 的 这 种 “所 见 即 所 得 ”的 操作 方式 能 够 让 操作 者 在 没有 HTML 语言 基础 的 情 
况 下 很 快 掌握 相关 操作 。 

但 FrontPage 也 有 不 足 之 处 ,如 浏览 器 兼容 性 不 好 ,做 出 来 的 网 页 用 Netscape 往往 不 能 
正常 显示 ， 另 外 ， 生 成 的 垃圾 代码 多 ， 也 会 自动 修改 代码 ， 导 致 在 某 些 情况 下 极为 不 便 ， 
还 有 就 是 对 DHTML 的 支持 不 好 。 但 随 着 这 几 年 的 版 本 升级 , FrontPage 经 历 了 FrontPage 98、 
FrontPage 2000、FrontPage 2002、FrontPage XP 到 现在 的 FrontPage 2003 版 本 ， 不 足 之 处 得 
到 了 不 断 的 完善 。 所 以 说 ，FrontPage 是 比较 好 的 入 门 级 网 页 编辑 工具 。 

(2) Dreamweaver 

Dreamweaver 是 美国 Macromedia 公司 (后 被 Adobe 公司 收购 ) 开发 的 集 网 页 制作 和 管 
理 网 站 于 一 身 的 所 见 即 所 得 网 页 编辑 器 ， 它 是 第 一 套 针对 专业 网 页 设计 师 特别 发 展 的 视觉 
化 网 页 开发 工具 ， 利 用 它 可 以 轻而易举 地 制作 出 跨越 平台 限制 和 浏览 器 限制 的 充满 动感 的 
网 页 。 

Dreamweaver 包括 可 视 化 编辑 、HTML 代码 编辑 的 软件 包 , 并 支持 ActiveX、JavaScript、 
Java、Flash、ShockWave 等 特性 ， 而 且 它 还 能 通过 拖 搜 从 头 到 尾 地 制作 动态 的 HTML 动画 ， 
并 支持 动态 DHTML (Dynamic HTML) 的 设计 ,可 以 轻而易举 地 做 出 很 多 眩 目 的 页 面 特 效 。 
Dreamweaver 是 建立 Web 站 点 和 应 用 程序 的 专业 工具 ， 其 网 页 动态 效果 与 网 页 排版 功能 都 
比 一 般 的 软件 好 用 。 

Dreamweaver 支持 动态 HTML， 并 采用 了 Roundtrip HTML 技术 ， 从 而 葛 定 了 在 网 页 高 
级 设计 功能 方面 的 领先 地 位 。 在 进行 网 页 设计 的 过 程 中 ， 动 态 HTML 技术 能 够 让 用 户 轻 松 
设计 复杂 的 交互 式 网 页 ， 产 生动 态 效果 ; 而 Roundtrip HTML 技术 则 可 以 真正 支持 HTML 
源 编 辑 模式 ， 不 会 产生 宛 余 代码 ， 使 网 页 泻 染 速 度 加快 。 因 此 ，Dreamweaver 是 一 种 可 以 满 
足 多 层次 需求 、 功 能 强大 的 可 视 化 专业 级 网 页 设计 及 制作 工具 。 

Dreamweaver 的 版 本 从 最 初 的 Dreamweaver 3、Dreamweaver 4、Dreamweaver MX、 
Dreamweaver MX2004、Dreamweaver 8, 发 展 到 现在 的 Adobe Dreamweaver CS3(MacroMedia 
被 Adobe 收购 后 推出 的 第 一 个 版 本 )、Adobe Dreamweaver CS4。2010 年 4 月 12 日 备 受 关注 
的 Adobe 新 一 代 产 品 Creative Suite SC(CS5) 正 式 发 布 了 , 其 中 包括 了 新 的 Dreamweaver CS5。 


3.2.2 ”图 形 图 像 处 理 软件 


图 形 图 像 处 理 软件 是 对 数字 图 片 进行 修复 、 合 成 、 美 化 等 各 种 处 理 的 软件 的 总 称 。 图 
形 图 像 处 理 软件 被 广泛 应 用 于 广告 制作 、 平 面 设计 和 影视 后 期 制作 等 领域 。 下 面 介绍 常见 
的 图 像 图 形 处 理 软件 。 

(1) Photoshop 

Photoshop 是 Adobe 公司 推出 的 一 款 功 能 强大 的 图 像 处 理 软件 ， 它 是 目前 公认 的 PC 机 
上 最 好 的 通用 平面 美术 设计 软件 ， 它 界面 简洁 友好 、 可 操作 性 强 、 功 能 完善 、 性 能 稳定 ， 


去 
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所 以 备 受 广大 图 形 设计 爱好 者 和 专业 图 像 设 计 人 员 的 青睐 ， 被 广泛 地 应 用 在 图 像 处 理 、 绘 
画 、 多 媒体 界面 设计 和 网 页 设计 等 领域 。Adobe Photoshop 的 版 本 从 最 初 的 3.0、4.0、5.0、 
6.0、7.0， 发 展 到 后 来 推出 的 Adobe Photoshop CS、CS2、CS3、CS4， 现 在 最 新 版 为 Adobe 
Photoshop CS5 。 

(2) Fireworks 

Adobe Fireworks 是 Adobe 推出 的 一 款 网 页 作 图 软件 ， 软 件 可 以 加 速 Web 设计 与 开发 ， 
是 一 款 创建 与 优化 Web 图 像 和 快速 构建 网 站 与 Web 界面 原型 的 理想 工具 。Fireworks CS4 
不 仅 具 备 编辑 矢量 图 形 与 位 图 图 像 的 灵活 性 ， 还 提供 了 一 个 预先 构建 资源 的 公用 库 ， 目 前 ， 
广泛 使 用 的 Adobe Fireworks CS4 可 与 Adobe Photoshop CS4、Adobe Illustrator CS4、Adobe 
Dreamweaver CS4 和 Adobe Flash CS4 软件 集成 。 在 Fireworks 中 将 设计 迅速 转变 为 模型 ， 
或 利用 来 自 Ilustrator、Photoshop 和 Flash 的 其 他 资源 ， 然 后 直接 置 入 Dreamweaver CS4 中 
轻松 地 进行 开发 与 部 署 。 

作为 一 款 为 网 络 设计 而 开发 的 图 像 处 理 软件 ，Fireworks 还 能 够 自动 切割 图 像 、 生 成 光 
标 动态 感应 的 JavaScript 程序 等 ， 而 且 Fireworks 具有 强大 的 动画 功能 和 一 个 相当 完美 的 网 
络 图 像 生成 器 。 

(3) AutoCAD 

AutoCAD 是 由 美国 Autodesk 公司 于 20 世纪 80 年 代 初 为 微机 上 应 用 CAD 技术 而 开发 
的 绘图 程序 软件 包 ， 经 过 不 断 地 完善 ， 现 已 经 成 为 国际 上 广 为 流行 的 绘图 工具 。 

AutoCAD 具有 良好 的 用 户 界面 ， 通 过 交互 菜单 或 命令 行 方 式 便 可 以 进行 各 种 操作 。 它 
的 多 文档 设计 环境 ， 让 非 计算 机 专业 人 员 也 能 很 快 学 会 使 用 。 在 不 断 实践 的 过 程 中 更 好 地 
掌握 它 的 各 种 应 用 和 开发 技巧 ， 从 而 不 断 提 高 工作 效率 。 

AutoCAD 具有 广泛 的 适应 性 ， 它 可 以 在 各 种 操作 系统 支持 的 微型 计算 机 和 工作 站 上 运 
行 ， 并 支持 分 辨 率 在 320x200 到 2048x1024 之 间 的 各 种 图 形 显示 设备 40 多 种 ， 以 及 数字 仪 
和 鼠标 器 30 多 种 、 绘 图 仪 和 打印 机 数 十 种 ， 这 就 为 AutoCAD 的 普及 创造 了 条 件 。 现 在 最 
新 的 版 本 为 AutoCAD 2011。 

(4) CorelDRAW 

CorelDRAW Graphics Suite 是 一 款 由 世界 顶尖 软件 公司 之 一 的 加 拿 大 的 Corel 公司 开发 
的 图 形 图 像 软件 。 其 非凡 的 设计 能 力 广 泛 地 应 用 于 商标 设计 、 标 志 制 作 、 模 型 绘制 、 插 图 
描画 、 排 版 及 分 色 输 出 等 诸多 领域 。 

CorelDRAW 界面 设计 友好 、 空 间 广 阔 、 操 作 精 微细 致 ， 它 提供 给 设计 者 一 整套 的 绘图 
工具 ， 包 括 圆 形 、 和 矩形 、 多 边 形 、 方 格 和 螺旋 线 等 ， 并 配合 塑 形 工具 ， 可 以 作出 更 多 的 变 
化 ， 如 圆 角 、 和 矩形 、 弧 、 扇 形 、 星 形 等 。 同 时 也 提供 了 特殊 笔 刷 ， 如 压力 笔 、 书 写 笔 和 喷 
酒 嚣 等， 以便 充分 地 利用 电脑 处 理 信息 量 大 、 随 机 控制 能 力 高 的 特点 。 目 前 常用 的 是 
CorelDRAW X4 版 本 。 


3.2.3 动画 设计 软件 
常用 的 动画 设计 软件 有 Flash、3D Studio Max 和 Maya 等 。 
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(1) Flash 

Flash 是 美国 Macromedia 公司 所 设计 的 一 种 二 维 矢量 动画 软件 ( 现 Adobe 公司 产品 )， 
用 于 设计 和 编辑 Flash 文档 , 最 新 版 本 为 Adobe Flash CS5。 Flash 通常 也 指 Macromedia Flash 
Player 〈 现 Adobe Flash Player)， 用 于 播放 Flash 文档 。 

Flash 是 一 种 交互 式 动画 设计 工具 ， 用 它 可 以 将 音乐 、 声 效 、 动 画 以 及 富有 新 意 的 界面 
融合 在 一 起 ， 以 制作 出 高 品质 的 网 页 动态 效果 。 它 主要 应 用 于 网 页 设计 和 多 媒体 创作 等 领 
域 ， 功 能 十 分 强大 和 独特 ， 已 成 为 交互 式 矢量 动画 的 标准 ， 在 网 上 非常 流行 。Flash 广泛 应 
用 于 网 页 动画 制作 、 教 学 动画 演示 、 网 上 购物 和 在 线 游戏 等 的 制作 中 。 

(2) 3D Studio Max 

3D Studio Max 常 简 称 为 3ds max 或 MAX, 是 Autodesk 公司 开发 的 基于 PC 系统 的 三 维 
动画 泻 染 和 制作 软件 , 其 前 身 是 基于 DOS 操作 系统 的 3D Studio 系列 软件 ,最 新 版 本 是 2010。 
在 Windows NT 出 现 以 前 ， 工 业 级 的 CG 制作 被 SGI 图 形 工 作 站 所 垄断 。3D Studio Max+ 
Windows NT 组 合 的 出 现 降 低 了 CG 制作 的 门 榄 ， 首 先 开 始 运用 在 电脑 游戏 中 的 动画 制作 ， 
然后 更 进一步 开始 参与 影视 片 的 特效 制作 ， 如 X 战 警 I[、 最 后 的 武士 等 。 

在 应 用 范围 方面 ，3D Studio Max 广泛 应 用 于 广告 、 影 视 、 工 业 设计 、 建 筑 设计 、 多 媒 
体制 作 、 游 戏 、 辅 助教 学 以 及 工程 可 视 化 等 领域 . 拥有 强大 功能 的 3ds max 被 广泛 地 应 用 于 
电视 及 娱乐 业 中 ， 如 片头 动画 和 视频 游戏 的 制作 ， 在 影视 特效 方面 也 有 一 定 的 应 用 。 而 在 
内 发 展 的 相对 比较 成 熟 的 建筑 效果 图 和 建筑 动画 制作 中 , 3ds max 的 使 用 率 更 是 占据 了 绝 
对 的 优势 。 

(3) Maya 

Maya 是 美国 Autodesk 公司 出 品 的 世界 顶级 的 三 维 动画 软件 , 应 用 对 象 是 专业 的 影视 广 
告 、 角 色 动 画 和 电影 特技 等 。Maya 功能 完善 、 工 作 灵活 、 易 学 易 用 、 制 作 效率 极 高 、 泻 染 
真实 感 极 强 ， 是 电影 级 别 的 高 端 制作 软件 。Maya 售 价 高 昂 ， 声 名 显赫 ， 是 制作 者 梦 朵 以 求 
的 制作 工具 ， 掌 握 了 Maya， 会 极 大 地 提高 制作 效率 和 品质 ， 调 节 出 仿真 的 角色 动画 ， 泻 染 
出 电影 一 般 的 真实 效果 ， 向 世界 顶级 动画 师 迈进 。 

Maya 集成 了 Alias/Wavefront 最 先进 的 动画 及 数字 效果 技术 , 不 仅 包 括 一 般 三 维和 视觉 
效果 制作 的 功能 ， 而 且 还 与 最 先进 的 建 模 、 数 字 化 布料 模拟 、 毛 发 泻 染 、 运 动 匹配 技术 相 
结合 。Maya 可 在 Windows NI 与 SGIIRIX 操作 系统 上 运行 。 在 目前 市 场 上 用 来 进行 数字 和 
三 维 制作 的 工具 中 ，Maya 是 首选 解决 方案 。 


3.2.4 ”动态 网 页 制作 技术 


实现 动态 网 页 后 ， 可 以 在 网 站 中 灵活 使 用 数据 库 技术 ， 为 用 户 提供 交互 式 的 网 页 访问 
方式 。 制 作 动态 网 页 一 般 以 静态 网 页 为 基础 ， 然 后 添加 一 些 实现 特定 功能 的 服务 器 端 脚 本 ， 
一 般 要 与 数据 库 建立 连接 ， 通 过 数据 库 访问 ， 实 现 相关 功能 。 与 动态 网 页 相关 的 服务 器 技 
术 有 CGI、ASP、PHP 及 JSP 等 。 


1. CGI 
CGI (Common Gateway Interface， 公 共 网 关 接 口 ) 是 外 部 程序 与 Web 服务 器 之 间 的 标 
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准 编程 接口 。 可 以 使 用 不 同 的 语言 编写 出 CGI 程序 ， 然 后 放 在 Web 服务 器 上 ， 用 户 向 Web 
服务 器 发 出 浏览 请 求 时 ， 会 触发 CGI 程序 的 运行 ，Web 服务 器 将 运行 结果 发 给 客户 端 浏览 
器 。 这 种 技术 较 浪 费 服务 器 资源 ， 且 效率 较 低 。 

2. ASP 


ASP 指 Active Server Pages (动态 服务 器 页 面 )， 是 运行 于 IIS 之 中 的 程序 ， 是 一 项 微软 
公司 的 技术 ， 是 一 种 使 嵌入 网 页 中 的 脚本 可 由 因特网 服务 器 执行 的 服务 器 端 脚本 技术 。 

目前 常用 的 是 ASPNET 技术 。ASPNET 不 仅 是 ASP 的 下 一 个 版 本 ， 而 且 是 一 种 建立 在 
通用 语言 上 的 程序 构架 ， 能 被 用 于 一 台 Web 服务 器 来 建立 强大 的 Web 应 用 程序 。ASPNET 
提供 许多 比 现在 的 Web 开发 模式 强大 的 优势 ， 它 是 把 基于 通用 语言 的 程序 在 服务 器 IIS 上 
运行 。 不 像 以 前 的 ASP 即时 解释 程序 ， 而 是 将 程序 在 服务 器 端 首 次 运行 时 进行 编译 ， 这 样 
的 执行 效果 当然 比 一 条 一 条 地 解释 强 很 多 。 但 是 ASPNET 也 有 一 个 特点 ， 就 是 每 修改 一 次 
程序 〈 即 代码 类 )， 必 须 重 新 编译 一 次 ， 修 改 几 次 就 必须 重新 编译 几 次 ， 执 行 效果 也 会 有 所 
降低 。 

ASPNET 构架 可 以 用 Microsoft 公司 的 产品 Visual Studio.NET 开发 环境 进行 开发 。 
ASPNET 一 般 分 为 两 种 开发 语言 ， 即 VB.NET 和 C#，C# 相 对 比较 常用 。 


3 PHP 


PHP (Hypertext Preprocessor， 超 级 文本 预 处 理 语言 ) 是 一 种 HTML 内 典 式 的 语言 ， 是 
一 种 在 服务 器 端 执行 的 嵌入 HTML 文档 的 脚本 语言 ， 语 言 的 风格 类 似 于 C 语言 ， 被 广泛 
运用 。 

PHP 独特 的 语法 混合 了 C、Java、Perl 以 及 PHP 自 创 新 的 语法 , 它 可 以 比 CGI 或 者 Perl 
更 快速 地 执行 动态 网 页 。 用 PHP 做 出 的 动态 页 面 与 其 他 的 编程 语言 相 比 ，PHP 是 将 程序 嵌 
入 到 HTML 文档 中 去 执行 ， 执 行 效率 比 完 全 生成 HTML 标记 的 CGI 要 高 许多 ; PHP 还 可 
以 执行 编译 后 代码 ， 编 译 可 以 加 密 并 优化 代码 运行 ， 使 代码 运行 更 快 。 PHP 具有 非常 强大 的 
功能 ， 所 有 CGI 的 功能 PHP 都 能 实现 ， 而 且 支 持 几乎 所 有 流行 的 数据 库 以 及 操作 系统 。 


4. JSP 


JSP (Java Server Pages) 是 由 Sun 公司 推出 的 一 种 动态 网 页 技术 标准 。JSP 技术 有 点 类 
似 于 ASP 技术 , 它 是 在 传统 的 网 页 HTML 文件 (*.htm、*.html) 中 插入 Java 程序 段 (Scriptlet) 
和 JSP 标记 (tag)， 从 而 形成 JSP 文件 〈*.jsp)。 用 JSP 开发 的 Web 应 用 是 跨 平台 的 ， 既 能 
在 Linux 上 运行 ， 也 能 在 其 他 操作 系统 上 运行 。 
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多 个 网 页 按照 一 定 的 结构 组 织 在 一 起 就 构成 一 个 网 站 。 每 个 网 站 都 有 一 个 主页 ， 也 是 
用 户 访问 网 站 的 入 口 。 在 建立 网 站 之 前 ， 合 理 地 规划 设计 站 点 是 非常 必要 的 工作 。 合 理 的 
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规划 和 设计 ， 可 以 避免 网 站 制作 的 盲目 性 ， 也 有 利于 日 后 对 网 站 的 管理 和 维护 。 
3.3.1 网 站 设计 流程 
通常 所 见 到 的 网 站 ， 虽 然 在 规模 、 内 容 和 功能 上 都 有 所 不 同 ， 但 是 网 站 设计 的 基本 过 


程 都 是 一 样 的 ， 通 常 应 遵循 的 设计 流程 为 : 整体 规划 一 网 站 设计 一 网 页 制作 一 测试 与 发 布 
一 网 站 维护 。 整 个 设计 流程 是 一 个 循环 的 过 程 ， 如 图 3-4 所 示 。 


整体 规划 


网 页 制作 
网 站 测试 


图 3-4 网 站 设计 流程 图 


1. 整体 规划 

网 站 的 整体 规划 在 整个 网 站 的 设计 流程 中 是 尤为 重要 的 。 无 论 是 大 的 门户 网 站 还 是 只 
有 几 个 页 面 的 个 人 网 站 ， 都 需要 做 好 前 期 的 策划 工作 ， 因 此 ， 在 创建 网 站 之 前 ， 应 该 合理 
地 规划 站 点 的 主题 、 结 构 、 内 容 、 导 航 机 制 以 及 站 点 整体 的 风格 等 。 

网 站 规划 需要 确定 主题 以 及 网 站 的 风格 ， 还 要 考虑 技术 因素 〈 各 种 技术 因素 ， 包 括 网 
页 下 载 速度 、 浏 览 器 、 分 辨 率 和 插件 等 )。 

进行 网 站 的 整体 规划 也 就 是 组 织 网 站 的 内 容 和 设计 其 结构 。 网 页 制作 者 在 明确 网 页 制 
作 的 目的 及 要 包括 的 内 容 之 后 ， 接 下 来 就 应 该 对 网 站 进行 规划 ， 以 确保 文件 内 容 条 理 清 楚 、 
结构 合理 ， 这 样 不 仅 可 以 很 好 地 体现 设计 者 的 意图 ， 而 且 也 将 使 网 站 可 维护 性 与 可 扩展 性 
增强 。 

2. 网 站 设计 

网 站 规划 好 之 后 ， 就 进入 了 设计 阶段 。 利 用 规划 阶段 搜集 的 信息 ， 在 设计 阶段 需要 对 
内 容 、 导 航 系统 等 进行 具体 的 设计 。 

设计 的 内 容 包括 网 站 的 内 容 结构 ， 页 面 的 布局 ， 首 页 设计 ， 导 航 系统 ， 网 页 中 的 颜色 、 
文字 、 图 像 、 动 画 以 及 多 媒体 的 使 用 等 。 
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3. 网 页 制作 


设计 阶段 完成 后 ， 进 入 网 页 制作 阶段 。 

网 页 制作 主要 使 用 相应 的 软件 ， 将 规划 设计 的 内 容 变 成 真实 的 网 页 。 制 作 网 页 首先 要 
根据 设计 结果 制作 出 若干 示范 网 页 ， 然 后 通过 Dreamweaver 等 软件 制作 具体 页 面 ， 在 网 页 
中 添加 实际 内 容 ， 包 括 文本 、 图 像 、 声 音 、Flash 电影 以 及 其 他 多 媒体 信息 等 。 


4. 网 站 测试 


当 所 有 网 站 页 面 都 制作 完毕 之 后 ， 就 需要 对 所 制作 的 网 页 进行 审查 和 测试 ， 测 试 内 容 
包括 功能 性 测试 和 完整 性 测试 两 个 方面 。 

功能 性 测试 就 是 要 保证 网 页 的 可 用 性 ， 达 到 最 初 的 内 容 组 织 设计 目标 ， 实 现 所 规定 的 
功能 ， 读 者 可 方便 快速 地 寻找 到 所 需 的 内 容 。 完 整 性 测试 就 是 保证 页 面 内 容 显示 正确 、 链 
接 准确 、 无 差错 、 无 遗漏 。 

在 测试 网 站 时 ， 除 了 对 所 有 影响 页 面 显 示 的 细节 因素 进行 一 次 测试 外 ， 页 面 中 的 超 链 
接 能 否 正 常 跳 转 也 是 一 个 值得 重视 的 问题 。 

如 果 在 测试 过 程 中 发 现 了 错误 ， 就 要 及 时 修改 ， 在 准确 无 误 后 ， 才 可 正式 在 Internet 上 
发 布 。 在 进行 功能 性 测试 和 完整 性 测试 后 ， 有 的 还 需要 掌握 整个 站 点 的 结构 ， 以 备 日 后 的 
修改 。 

5. 发 布 网 站 

在 网 站 测试 没有 问题 之 后 ， 就 可 以 将 其 发 布 到 Intemet 上 。 发 布 网 站 时 一 般 需 要 两 步 ， 
即 申请 网 页 空间 和 上 传 网 页 。 域 名 和 空间 需要 通过 在 专门 的 域名 及 空间 提供 商 那 里 申请 ， 
一 般 是 需要 付费 的 ， 申 请 域名 及 空间 成 功 后 ， 则 可 以 根据 提供 商 所 要 求 的 方式 将 网 站 上 传 
至 指定 位 置 。 

6. 网 站 维护 

随 着 网 站 的 发 布 ， 我 们 应 根据 访问 者 的 建议 ， 不 断 修改 并 更 新 网 站 中 的 信息 ， 并 从 访 
问 者 的 角度 出 发 ， 进 一 步 完 善 网 站 。 这 时 网 站 建设 工作 又 返回 到 了 流程 中 的 第 一 步 ， 这 样 
周而复始 ， 就 构成 了 网 站 的 维护 过 程 。 


3.3.2 ”确定 网 站 的 类 型 


网 站 的 种 类 繁多 ， 根 据 不 同 的 分 类 方式 可 以 将 网 站 分 成 不 同 的 类 型 。 
1. 根据 网 站 的 规模 及 专业 程度 分 类 


(1) 专业 型 网 站 
专业 型 网 站 一 般 是 由 公司 、 企 业 、 政 府 机 构 和 社会 团体 等 经 营 的 专业 网 站 ， 这 类 网 站 
具有 鲜明 的 特点 ， 能 够 提供 多 种 服务 ， 具 有 较 高 的 社会 价值 和 效益 。 
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(2) 个 人 网 站 
个 人 网 站 是 个 人 建立 的 网 站 ， 以 展示 自我 ， 介 绍 自身 兴趣 、 爱 好 和 专长 为 主要 目的 的 
小 型 网 站 。 


2. 根据 网 站 的 主题 分 类 


(1) 综合 性 网 站 
综合 性 网 站 相对 来 说 内 容 比较 丰富 ， 涉 及 的 信息 量 比 较 大 ， 包 含 各 种 方面 的 信息 ， 如 新 
浪 网 (http//www.sina.com.cn)、 搜狐 网 (http://www.sohu.com)、 网 易 网 (http://www.163.com)、 
TOM 网 (http://www.tom.com/) 等 都 属于 综合 性 网 站 。 
(2) 新 闻 传 媒 类 网 站 
新 闻 传媒 类 网 站 主要 是 发 布 新 闻 资 讯 ， 包 括 国内 外 新 闻 事件 、 军 事 、 政 治 资讯 等 ， 还 
可 以 是 各 个 新 闻 媒体 的 门户 网 站 , 如 新 华 网 (http:/www.xinhuanet.com)、 人 民 网 (http:/www. 
people.com.cn)、CCTV (http;//www.CCTV.com.cn) 和 凤凰 网 (http://www.ifeng.com/) 等 。 
(3) 政治 政策 类 网 站 
政治 政策 类 网 站 一 般 包括 国家 政府 及 各 级 职能 部 门 的 门户 网 站 ,如 中 国 中 央 人 民政 府 
网 站 (http://www.gov.cn/)、 教 育 部 网 站 http://www.moe.gov.cn/)、 商 务 部 网 站 (http://www. 
mofcom.gov.cn/) 和 河南 省 教育 厅 网 站 〈http://www.haedu.gov.cn/) 等 。 
(4) 教育 科技 类 网 站 
教育 类 网 站 一 般 包 括 与 教育 相关 的 网 站 以 及 各 个 学 校 的 网 站 ， 如 教育 科研 网 
(Chttp:Wwww.edu.cn)、 清 华 大 学 网 站 (www.tsinghua.edu.cn/)、 河 南 公 务 员 考 试 网 Chttp:/www. 
hnaa.com.cn/) 和 大 学 四 六 级 考试 官网 (http:/www.cetedu.cn/) 等 。 
(5) 商业 财经 类 网 站 
商业 财经 类 网 站 包括 商品 交易 的 网 站 和 提供 财经 资讯 以 及 分 析 的 专业 网 站 ， 如 和 讯 网 
(http://www.hexun.com/)、 中 国 财经 信息 网 (http://www.cfi.net.cn/)、 至 诚 财经 网 (http://www. 
zhicheng.com/)、 中 商贸 易 网 (http:/www.cnebiz.net/)、 淘 宝 网 (http://www.taobao.com/) 和 
支付 宝 (https://www.alipay.com/) 等 。 
(6) 娱乐 休闲 类 网 站 
娱乐 休闲 类 网 站 包括 娱乐 新 闻 、 音 乐 欣赏 、 视 频 点 播 以 及 网 络 游戏 等 内 容 ， 如 中 国 娱 
乐 网 (http//www.67.com/ )、 九 酪 音乐 网 (http:/www.9ku.com/ )、 优 酷 网 〈http:/Wwww. 
youku.com/)、 土 豆 网 Chttp://www.tudou.com/) 和 4399 小 游戏 网 http://www.4399.com/) 等 。 
(7) IT 信息 类 网 站 
IT 信息 类 网 站 包括 IT 资讯 和 行情 报价 ， 涉 及 电脑 、 手 机 、 数 码 产 品 、 软 件 下 载 等 ， 如 
太平 洋 电 脑 网 (http://www.pconline.com.cn/)、 华 军 软 件 园 (http://www.onlinedown.net/)、 电 
脑 之 家 (http://www.pchome.net/)、 天 极 网 (http://www.yesky.com)、 中 关 村 在 线 (http://www.zol. 
com.cn) 和 泡 泡 网 (http://www.pcpop.com/) 等 。 
(8) 搜索 类 网 站 
搜索 类 网 站 是 应 用 最 为 广泛 的 网 站 ， 提 供 各 种 信息 的 搜索 ， 让 用 户 能 够 很 快 查找 到 自 
己 想 要 的 信息 ， 如 百度 (http://www.baidu.com/)、 搜 狗 (http://www.sogou.com/)、 有 道 
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(Chttp:/www.youdao.com/)、 人 谷歌 〈http:Wwww.google.com/) 等 都 属于 搜索 类 网 站 。 
(9) 社区 类 网 站 
社区 类 网 站 主要 是 为 用 户 提供 发 表 言论 的 公共 平台 , 如 西祠 胡同 (http://www.xici.net/)、 
天 涯 社区 (http:/wwwi.tianya.cn/) 和 猫扑 网 (http://www.mop.com/) 等 。 
(10) 文学 艺术 类 网 站 
文学 艺术 类 网 站 包含 的 内 容 很 多 ， 包 括 文学 、 书 法 、 雕 塑 、 摄 影 和 收藏 等 ， 如 99 艺术 
网 (http://www.99ys.com/)、 雅 昌 艺 术 网 (http://www.artron.net/)、 古 榕树 下 原创 文学 网 站 
Chttp:Wwww.enjoybarcom/) 和 起 点 中 文 网 (http:/www.qidian.com/) 等 。 
(11) 健康 与 医药 类 网 站 
健康 医药 类 网 站 一 般 包 括 健 康 资讯 和 医药 资讯 等 相关 内 容 ， 也 包括 各 大 医院 的 门户 网 
站 ， 如 三 九 健康 网 (http://www.39.net/)、21 健康 网 (http://www.21jk.com.cn/)、 导 药 网 
(http://www.daoyi.com/) 和 北京 协和 医院 网 站 http://www.pumch.ac.cn/) 等 。 


3.3.3 ”定位 网 站 的 主题 


网 站 主题 的 确定 ， 需 要 考虑 网 站 的 定位 以 及 网 站 的 目标 用 户 。 一 个 网 站 必须 要 有 明确 
的 主题 ， 然 后 围绕 主题 设计 相关 的 页 面 。 
对 于 个 人 网 站 而 言 ， 在 选择 主题 时 应 注意 以 下 几 个 问题 。 


1. 主题 选材 要 小 而 精 


个 人 网 站 的 主题 定位 要 小 ， 内 容 要 精 ， 不 可 能 包罗 万 象 ， 包 含 的 内 容 过 多 ， 会 使 网 站 
显得 没有 特色 和 主题 ， 各 方面 内 容 都 显得 肤浅 。 对 于 网 站 还 有 一 个 最 重要 的 要 求 就 是 更 新 
快 ， 因 为 一 个 很 长 时 间 都 没有 更 新 的 网 站 ， 访 问 者 是 没有 兴趣 光顾 的 ， 所 以 个 人 网 站 必须 
小 而 精 ， 才 能 更 新 迅速 ， 才 能 有 更 强 的 吸引 力 。 


2. 选择 自己 擅长 或 者 感 兴趣 的 内 容 


只 有 对 于 擅长 的 或 者 感 兴趣 的 内 容 ， 在 设置 内 容 时 ， 才 能 够 条 理 清楚 ， 在 制作 时 才能 
够 游 轧 有余。 例如 ， 喜 欢 足球 ， 就 可 以 选择 以 足球 为 主题 ， 报 道 最 新 战况 、 球 星 动态 等 ; 
喜欢 音乐 ， 可 选择 以 音乐 为 主题 ， 网 页 内 容 可 以 包括 音乐 知识 普及 、 音 乐 欣赏 及 音乐 人 物 
介绍 等 。 

由 于 网 站 的 内 容 丰富 多 彩 ， 网 站 的 主题 也 越 来 越 新 颖 独特 ， 要 想 在 网 站 题材 上 吸引 访 
问 者 ， 确 实 要 下 一 番 工 夫 ， 好 的 主题 能 够 很 快 抓 住 访问 者 的 注意 力 ， 没 有 主题 的 网 站 会 被 
人 很 快 遗忘 。 


3.3.4 ”确定 网 站 的 栏目 和 板块 


在 确定 了 网 站 的 主题 之 后 ， 就 要 考虑 如 何 设 计 各 种 栏目 和 板块 ， 将 网 站 内 容 和 素材 更 
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好 地 结合 。 栏 目 是 指 网 站 中 主体 突出 的 内 容 模块 ， 各 模块 要 围绕 主题 ， 实 现 不 同 功能 。 栏 
目 及 板块 在 导航 部 分 要 清晰 地 标识 出 来 。 

例如 ， 雅 昌 艺 术 网 除了 首页 之 外 ， 又 包括 新 闻 、 展 览 、 评 论 、 视 频 、 博 客 、 论 坛 、 尚 
品 、 书 画 、 雕 塑 、 摄 影 、AAC 艺术 中 国 以 及 雅昌 艺术 市 场 监测 中 心 等 几 个 栏目 ， 每 个 栏目 
在 导航 部 分 都 有 相应 的 标示 ， 访 问 者 单 击 栏目 名 的 超 链 接 ， 就 可 以 进入 相应 的 板块 ， 浏 览 
更 多 的 内 容 ， 如 图 3-5 所 示 。 
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图 3-5 雅昌 艺术 网 站 的 栏目 划分 


栏目 实质 上 是 一 个 网 站 的 大 纲 索 引 ， 因 此 栏目 的 划分 能 够 将 网 站 的 板块 突出 出 来 。 在 
制定 栏目 时 ， 要 仔细 考虑 ， 合 理 安排 ， 尽 可 能 将 与 网 站 主题 无 关 的 栏目 删除 ， 将 最 有 价值 
的 内 容 列 在 栏目 上 ， 方 便 访问 者 的 浏览 。 

板块 比 栏目 的 概念 要 稍 大 些 ， 每 个 板块 都 有 自己 的 栏目 ， 例 如 ， 像 新 浪 这 样 的 大 型 综 
合 门户 网 站 ， 一 般 分 为 新 闻 、 体 育 、 财 经 、 娱 乐 等 很 多 板块 ， 每 个 板块 下 面 又 分 为 多 个 栏 
目 。 对 于 个 人 网 站 而 言 ， 栏 目 和 板块 的 概念 基本 是 一 致 的 。 


3.3.5 ”确定 网 站 的 整体 风格 


一 个 优秀 网 站 都 有 自己 的 个 性 和 文化 。 风 格 具有 抽象 性 、 独 特性 和 人 性 等 特征 。 风 格 
的 抽象 性 是 指 站 点 的 整体 形象 给 浏览 者 的 综合 感受 ， 风格 的 独特 性 是 指 该 网 站 不 同 于 其 他 
网 站 的 地 方 ， 风格 的 人 性 体现 在 通过 网 站 的 外 表 、 内 容 、 文 字 和 交流 可 以 概括 出 一 个 站 点 
的 个 性 与 情绪 ， 是 温文 尔 雅 、 执 著 热情 、 活 泌 易 变 ， 还 是 放任 不 虹 。 
例如 , 政府 部 门 网 站 的 风格 要 庄重 , 如 图 3-6 所 示 ; 文化 教育 类 的 网 站 要 突出 学 术 氛 围 ， 
该 高 雅 大 方 、 格 调 清新 ， 如 图 3-7 所 示 ; 娱乐 网 站 则 可 以 生动 活泼、 色彩 艳丽 ， 如 图 3-8 
所 示 ; 商务 网 站 要 贴近 大 众 ， 如 图 3-9 所 示 ; 综合 类 门户 网 站 要 内 容 丰富 、 色 彩 和 谐 ， 如 
图 3-10 所 示 。 


< 
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图 3-8 酷 狗 音乐 网 站 主页 
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图 3-10 新 浪 网 主页 
风格 是 抽象 的 ， 是 指 网 站 给 人 的 整体 感受 ， 包 括 站 点 的 标志 、 图 像 、 字 体 、 色 彩 、 版 
面 布局 、 浏 览 方式 、 交 互 性 及 内 容 性 等 诸多 因素 。 风 格 是 独特 的 ， 不 管 采用 何 种 方式 设计 
网 站 ， 都 要 体现 站 点 所 特有 的 风格 。 


3.3.6 ”规划 网 站 目录 结构 和 链接 结构 
一 个 完整 的 网 站 要 包含 大 量 的 网 页 以 及 很 多 图 片 、 声 音 、 动 画 等 素材 ， 如 果 这 些 内 容 


都 简单 地 放 在 一 个 文件 夹 中 ， 将 会 不 便于 管理 ， 这 就 需要 在 站 点 根 目录 下 创建 多 个 子 文件 
夹 来 存放 不 同 层次 的 页 面 ， 这 样 整 个 网 站 就 像 一 棵 大 树 一 样 ， 层 次 清晰 、 便 于 管理 。 
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1. 网 站 的 目录 结构 


网 站 的 目录 结构 要 根据 网 站 的 主题 和 内 容 来 分 类 规划 ， 不 同 的 栏目 要 对 应 不 同 的 目录 ， 
在 各 个 栏目 目录 下 也 要 根据 内 容 的 不 同 将 其 划分 成 不 同 的 分 目录 ， 如 图 3-11 所 示 。 
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图 3-11 站 点 目录 


在 实例 中 ， 站 点 根 目录 下 只 建立 一 个 index.html 网 页 文件 ， 也 就 是 主页 文件 , 将 其 他 的 
文件 按照 栏目 内 容 分 别 建立 子 目 录 ， 如 体育 栏目 建立 sports 子 目录 ， 新 闻 栏目 建立 news 子 
目录 ,音乐 栏目 建立 music 子 目录 ， 页 面 图 片 放 到 images 目录 下 ， 库 文件 放 在 Library 目录 
下 ，JavaScript 程序 文件 放 在 js 目录 下 ， 数据库 放 到 database 目录 下 ，css 样式 表 放 在 css 目 
录 下 等 。 

每 个 栏目 的 目录 下 可 以 存放 网 页 文件 , 也 可 以 继续 建立 子 目录 , 例如 , 新 闻 栏 目的 news 
目录 下 ， 可 以 进一步 建立 子 目录 ， 如 china 子 目录 下 存放 国内 新 闻 的 相关 文件 ，world 子 目 
录 下 存放 国际 新 闻 的 相关 文件 ，society 子 目 录 下 存放 社会 新 闻 相 关 文 件 等 。 

另外 ， 每 个 栏目 的 目录 下 ， 都 可 以 建立 独立 的 images 目录 ， 用 来 存放 当前 栏目 中 所 用 
的 图 片 素材 ， 这 样 如 需要 将 某 个 栏目 打包 下 载 ， 或 者 将 某 个 栏目 整体 删除 ， 都 很 方便 。 而 
根 目录 下 的 images 目录 一 般 存放 的 是 首页 和 一 些 次 要 栏目 下 的 图 片 文件 。 
注意 目录 的 层次 不 宜 太 深 ， 一 般 不 要 超过 3 层 。 另 外 ， 给 目录 起 名 时 要 尽量 使 用 能 表 
达 目 录 内 容 的 英文 或 汉语 拼音 ， 这 样 会 更 加 方便 日 后 的 管理 与 维护 。 


2. 网 站 链接 结构 


网 站 的 链接 结构 是 指 页 面 之 间 相 互 链接 的 拓扑 结构 ， 它 建立 在 目录 结构 基础 之 上 ， 但 
可 以 跨越 目录 。 建 立 网 站 链接 结构 一 般 有 以 下 两 种 基本 方式 。 

(1) 树 状 链接 结构 

树 状 链接 结构 一 般 指 的 是 一 对 一 的 结构 形式 。 首 页 链接 指向 一 级 页 面 ， 一 级 页 面 链接 
指向 二 级 页 面 ， 依 此 类 推 。 以 这 样 的 链接 结构 浏览 时 ， 逐 级 进入 ， 逐 级 退出 。 优 点 是 条 理 
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清晰 ， 访 问 者 明确 知道 自己 在 什么 位 置 ， 不 会 “迷路 ”。 缺 点 是 浏览 效率 低 ， 一 个 栏目 下 的 
子 页 面 到 另 一 个 栏目 下 的 子 页 面 ， 必 须 绕 经 首页 。 

(2) 星 状 链接 结构 

星 状 链接 结构 指 的 是 一 对 多 的 结构 形式 。 类 似 网 络 服务 器 的 连接 ， 每 个 页 面相 互 之 间 
都 建立 有 链接 ， 立 体 结构 像 东方 明珠 电视 塔 上 的 钢 球 。 这 种 链接 结构 的 优点 是 浏览 方便 ， 
随时 可 以 到 达 自 己 喜 欢 的 页 面 。 缺 点 是 链接 太 多 ， 容 易 使 浏览 者 “迷路 ”， 弄 不 清 自己 在 什 
么 位 置 、 已 经 看 了 多 少 内 容 。 

这 两 种 基本 结构 都 只 是 理想 方式 ， 在 实际 的 网 站 设计 中 ， 总 是 将 这 两 种 结构 混合 起 来 
使 用 ， 希 望 浏览 者 既 可 以 方便 、 快 速 地 到 达 自 己 需要 的 页 面 ， 又 可 以 清晰 地 知道 自己 的 位 
置 。 所 以 ， 最 好 的 方法 是 : 首页 和 一 级 页 面 之 间 用 星 状 链接 结构 ， 一 级 和 二 级 页 面 之 间 用 
树 状 链接 结构 。 


3.4 小 结 


通过 本 章 学 习 ， 掌 握 在 设计 网 页 时 应 注意 的 设计 原则 ， 学 会 运用 网 页 制作 工具 如 
FrontPage、 Dreamweaver、 Photoshop、 Fireworks、 AutoCAD、 CorelDRAW、 Flash、 3D Studio 
Max、Maya、ASP、PHP、JSP 等 软件 ) 为 网 站 设计 出 具有 多 媒体 效果 的 网 页 供 浏览 者 观赏 。 
此 外 ， 还 需要 进一步 掌握 网 站 设计 流程 、 网 站 类 型 选择 、 网 站 栏目 和 板块 、 网 站 整体 风格 
等 方面 的 基础 知识 。 


3.5 思 考 题 


。 网 页 包括 哪些 基本 元 素 ? 

.网 页 设计 原则 是 什么 ? 

. 常见 的 网 页 制作 软件 有 哪些 ? 

.使 用 Flash 软件 制作 一 个 电子 表 。 

.使 用 Photoshop 软件 制作 一 个 校徽 。 

.规划 一 个 班级 网 站 ， 考 虑 网 站 类 型 、 主 题 、 栏 目 、 板 块 、 风 格 及 目录 结构 。 
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第 3 章 介绍 了 网 页 制作 软件 ， 其 中 Dreamweaver 是 目前 网 页 设计 师 最 青睐 的 工具 之 一 。 
因此 ,本 章 详 细 介 绍 Dreamweaver CS4 软件 的 功能 ， 其 内 容 包 括 Dreamweaver CS4 的 安装 、 
规划 、 创 建 和 管理 站 点 ， 创 建站 点 文档 ， 文 本 的 输入 和 编辑 ， 图 像 处理 ， 建 立 网 页 链接 ， 
表格 处 理 ，CSS 样式 表 ， 峰 入 表单 元 素 ， 添 加 多 媒体 元 素 ， 框 架 的 使 用 ， 站 点 的 整理 维护 
与 上 传 。 


4.1 Dreamweaver CS4 概述 


4.1.1 Dreamweaver CS4 简介 


Dreamweaver CS4 是 Adobe 公司 推出 的 最 新 版 本 的 网 页 设计 软件 ， 是 一 款 可 视 化 建立 
Web 站 点 和 应 用 程序 的 专业 编辑 工具 ， 用 于 对 Web 站 点 的 页 面 及 程序 进行 开发 和 设计 。 
其 功能 强大 、 操 作 方便 、 支 持 多 种 浏览 器 并 可 建立 跨 平台 网 页 的 特点 ， 备 受 广 大 网 页 设计 
师 的 青睐 , 使 用 时 设计 师 可 以 根据 自己 的 习惯 切换 工作 环境 。Dreamweaver 具备 的 可 视 化 编 
辑 功能 ， 可 使 设计 者 快速 创建 专业 的 CSS 样式 的 页 面 ， 并 且 为 习惯 手工 编码 的 程序 员 提 供 
了 许多 对 编码 有 帮助 的 工具 和 功能 ， 使 其 能 够 轻松 地 使 用 服务 器 语言 生成 支持 动态 数据 库 
的 Web 应 用 程序 。 与 之 前 推出 的 其 他 版 本 相 比 ，CS4 版 本 进一步 改善 了 CSS 的 功能 ， 从 而 
使 创建 CSS 及 利用 CSS 对 网 页 进行 布局 更 为 便利 ， 同 时 让 使 用 者 无 须 掌握 Java、HTML、 
XHTML 等 专业 语言 也 能 快速 布局 网 页 和 创建 网 站 。 


4.1.2 Dreamweaver CS4 的 系统 要 求 和 安装 


打开 Dreamweaver CS4 安装 文件 所 在 的 位 置 ， 找 到 Setup.exe 文件 ， 如 图 4-1 所 示 。 

双击 Setup.exe 文件 ， 开 始 进入 Dreamweaver CS4 的 安装 ， 首 先进 行 “检查 系统 配置 文 
件 ” 的 安装 初始 化 工作 ， 如 图 4-2 所 示 。 

初始 化 工作 结束 之 后 ， 开 始 进 入 “加 载 安装 程序 ”阶段 ， 如 图 4-3 所 示 。 

加 载 安装 程序 结束 之 后 ， 进 入 欢迎 界面 ， 如 图 4-4 所 示 ， 其 中 有 两 个 安装 选项 需要 进 
行 选择 ， 一 是 “我 有 Adobe Dreamweaver CS4 的 序列 号 ”， 如 果 没 有 安装 序列 号 ， 还 可 
以 选择 第 2 个 选项 “我 想 安装 并 使 用 Adobe Dreamweaver CS4 的 试用 版 ”， 则 有 30 天 的 
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正在 检查 系统 配置 文 让 .… 


图 4-1 Dreamweaver CS4 的 安装 文件 4-2 ”安装 初始 化 工作 


所 抽 实 攻关 合用 Adobe oreamw 


正在 加 局 安装 程 庆 ET 


图 4-3 ”加载 安装 程序 图 4-4 “欢迎 ”界面 
如 果 拥 有 一 个 正确 的 安装 序列 号 ， 输 入 完成 后 单 击 “ 下 一 步 ” 按 钮 ， 如 图 4-5 所 示 。 
单 击 “ 下 一 步 ”按钮 之 后 进入 “许可 协议 ”阶段 ， 要 求 对 Adobe 最 终 用 户 许可 协议 进 
行 选择 ， 如 图 4-6 所 示 。 


图 4-5 输入 安装 序列 号 图 4-6 “许可 协议 ”界面 
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选择 “接受 ”Adobe 软件 许可 协议 之 后 ， 进 入 “选项 ”界面 ， 可 以 选择 软件 的 安装 语言 
和 安装 位 置 ， 还 可 以 对 安装 的 组 件 进行 选择 ， 如 图 4-7 所 示 。 

对 安装 语言 、 位 置 、 组 件 进行 相应 的 选择 之 后 ， 单 击 “ 安 装 ” 按 钮 就 进入 了 正式 安装 
阶段 ， 会 显示 整体 的 安装 进度 ， 如 图 4-8 所 示 。 


CE 3 


可 拉 开 洋装 的 和 项 。 


4-7 “选项 ”界面 4-8 ”安装 进度 界面 


正确 安装 结束 之 后 ， 会 显示 安装 完成 ， 然 后 单 击 “ 退 出 ”按钮 即 可 退出 Adobe 
Dreamweaver CS4 的 安装 界面 ， 如 图 4-9 所 示 。 


4-9 安装 完成 界面 


4.1.3 ”启动 Dreamweaver CS4 


正确 安装 Dreamweaver CS4 软件 之 后 , 可 以 选择 “开始 ”一 “程序 ”一 Adobe Dreamweaver 
CS4 命令 启动 该 软件 (或 者 双击 桌面 上 创建 的 快捷 方式 图 标 )， 软 件 的 启动 界面 如 图 4-10 
所 示 。 

如 果 在 安装 时 没有 输入 序列 号 ， 软 件 在 启动 时 会 显示 还 可 以 继续 使 用 的 天 数 ， 获 得 正 
确 序列 号 之 后 可 以 在 软件 启动 时 输入 ， 如 图 4-11 所 示 。 单 击 “ 下 一 步 ”按钮 可 以 进入 软件 
的 操作 界面 。 


> 
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图 4-10 软件 的 启动 界面 
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图 4-11 试用 版 本 启动 界面 
4.1.4 Dreamweaver CS4 的 操作 界面 


在 Dreamweaver CS4 的 工作 区 可 以 查看 文档 和 对 象 的 属性 。 工 作 区 还 将 许多 常用 操作 
放置 于 工具 栏 中 ， 可 以 快速 更 改 文档 。 在 Windows 操作 系统 中 ，Dreamweaver 提供 了 一 个 
将 全 部 元 素 置 于 一 个 窗口 中 的 集成 布局 。 在 集成 的 工作 区 中 ， 全 部 窗口 和 面板 都 被 集成 到 
一 个 更 大 的 应 用 程序 窗口 中 。 

Dreamweaver CS4 的 工作 界面 与 Dreamweaver 以 前 的 版 本 有 所 差别 ， 主 要 由 应 用 程序 
栏 、 文 档 工具 栏 、 文 档 窗口 、 标 签 选择 器 、 属 性 面板 和 面板 组 等 部 分 组 成 ,“ 插 入 ” 栏 整合 
在 面板 组 中 ， 如 图 4-12 所 示 。 

(1) 欢迎 屏幕 

欢迎 屏幕 用 于 打开 最 近 使 用 过 的 文档 或 创建 新 文档 。 还 可 以 在 欢迎 屏幕 中 通过 产品 介 
绍 或 教程 了 解 关于 Dreamweaver 的 更 多 信息 ， 如 图 4-13 所 示 。 
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4-12 ”Dreamweaver CS4 操作 界面 


打开 最 近 的 项 目 新 建 主要 功能 


则 websiteimysyle.tss 外 Hm 图 相关 文件 
罚 ineludenop asp 罚 coldFusion 图 
得 网 上 defaultasp 外 PHP 加 有 
由 webstterindexhtm 个 Asp veseript 加 代码 导航 如 
罩 关 ETEentim 咎 xstrcsm) 
罚 websteltaxiao4html 入 css 下 
GB 打下. 罚 Javaseript 目 Web 构件 
罚 XML 
二 Diemer Ne 
局 sg.. [= 
四 类 二 和 TT» 和 Adobe® Dreanweaver® CS4 
站 新 地 功能 > pu 查找 量 新 的 功能 提示 、 教 各 等 更 多 内 容 。 
日 机 源 > 


机 Dreamweaver Exchange > 


[| 不 再 显示 


图 4-13 ”欢迎 屏幕 


(2) 应 用 程序 栏 
应 用 程序 窗口 顶部 包含 一 个 工作 区 切换 器 、 几 个 菜单 〈 仅 限 Windows) 以 及 其 他 应 用 
程序 控件 ， 如 图 4-14 所 示 。 


py m-. 0. a | Wi ”| 
文件 四 ”编辑 [四 ”查看 ( 轨 ” 播 入 加 修改 品格 式 (0) 命令) 让 点 () 窗口 中 帮助 00 


图 4-14 ”应 用 程序 栏 


(3) 文档 工具 栏 
使 用 文档 工具 栏 包含 的 按钮 可 以 在 文档 的 不 同 视 图 之 间 快 速 切换 。 工 具 栏 中 还 包含 一 
些 与 查看 文档 、 在 本 地 和 远程 站 点 间 传 输 文档 有 关 的 常用 命令 和 选项 ， 并 提供 各 种 文档 窗 
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口 视图 的 选项 (如 “设计 ”视图 和 “代码 ”视图 )、 各 种 查看 选项 和 一 些 常用 操作 (如 在 浏 
览 器 中 预览 )， 如 图 4-15 所 示 。 


E33 ET 


图 4-15 文档 工具 栏 


(4) 标准 工具 栏 
标准 工具 栏 在 默认 工作 区 布局 中 不 显示 ， 其 中 包含 一 些 按钮 ， 可 用 于 执行 “文件 ”和 
“编辑 ”菜单 中 的 常见 操作 ， 如 新 建 、 打 开 、 在 Bridge 中 浏览 、 保 存 、 全 部 保存 、 打 印 代 
码 、 剪 切 、 复 制 、 粘 贴 、 撤 销 和 重 做 。 若 要 显示 标准 工具 栏 ， 可 选择 “查看 ”一 “工具 栏 ? 
一 “标准 ”命令 ， 弹 出 的 标准 工具 栏 如 图 4-16 所 示 。 


4-16 标准 工具 栏 


(5) 编码 工具 栏 
编码 工具 栏 包含 可 用 于 执行 多 种 标准 编码 操作 的 按钮 ， 如 折 
县 和 展开 所 选 代 码 、 高 亮 显示 无 效 代 码 、 应 用 和 删除 注释 、 缩 进 
代码 、 插 入 最 近 使 用 过 的 代码 片断 等 。 编 码 工具 栏 垂直 显示 在 文 
档 窗 口 的 左 侧 , 仅 当 显示 “代码 ”视图 时 才 可 见 ， 如 图 4-17 所 示 。 
(6) 样式 呈现 工具 栏 
样式 呈现 工具 栏 中 包含 一 些 按钮 ， 如 果 使 用 依赖 于 媒体 的 样 
式 表 ， 则 可 使 用 这 些 按钮 查看 用 户 的 设计 在 不 同 媒体 类 型 中 的 呈 
现 效 果 。 还 包含 一 个 允许 用 户 启用 或 禁用 层 炙 式样 式 表 (CSS) 图 4-17 
样式 的 按钮 ， 默 认为 隐藏 状态 ， 如 图 4-18 所 示 。 
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工具 栏 


(7) 文档 窗口 x 
文档 窗口 用 于 显示 用 户 当前 创建 和 编辑 的 文档 。 | 周记 /O/B 
(8) 属性 面板 


属性 面板 可 以 检查 和 编辑 当前 选 定 页 面 元 素 (如 文本 和 图! 样式 呈现 工具 栏 


插入 的 对 象 ) 的 最 常用 属性 。 其 中 的 内 容 根据 选 定 元 素 的 不 
同 会 有 所 不 同 。 例 如 ， 如 果 选 择 页 面 上 的 一 个 图 像 ， 则 属性 面板 将 显示 该 图 像 的 属性 (如 
图 像 的 文件 路 径 、 宽 度 和 高 度 、 周 围 的 边框 等 )。 

属性 面板 在 编码 器 工作 区 布局 中 默认 是 不 展开 的 ， 如 图 4-19 所 示 。 


《yaL| ”格式 所 无 类 | 无 加 B 7 三 生 入 旺 标本 
西国 WD 无 ~| 馆 扩 D 四 


台 三 | 单元 格 。 水 平台 默认。 >] 宽 四 | 278| 不 换行 四) 口音 晤 颜色 GG) 厂 ,| [RE 竹 
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图 4-19 属性 面板 
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(9) 标签 选择 器 
位 于 文档 窗口 底部 的 状态 栏 中 ， 显 示 环 绕 当前 选 定 内 容 的 标签 的 层次 结构 。 单 击 该 层 
次 结构 中 的 任何 标签 可 以 选择 该 标签 及 其 全 部 内 容 ， 如 图 4-20 所 示 。 


|@odr><div><tabley <tr><td><table><tr>Ktd [AQ looxw vj727 x 463v 71 /11 秒 简体 中 文 (GB2312) 
图 4-20 标签 选择 器 (位 于 状态 栏 的 左 侧 》 


(10) 面板 组 
j 板 组 用 于 帮助 用 户 监控 和 修改 工作 , 包括 “插入 ”面板 、“CSS 样式 ”面板 和 “文件 ” 
面板 等 。 若 要 展开 某 个 面板 ， 则 双击 即 可 。 

@ “插入 ”面板 

“插入 ”面板 包含 用 于 将 图 像 、 表 格 和 媒体 元 素 等 各 种 类 型 的 对 象 插入 到 文档 中 的 按 
钮 。 每 个 对 象 都 是 一 段 HTML 代码 ， 允 许 用 户 在 插入 它 时 设置 不 同 的 属性 。 例 如 ， 可 以 在 
“插入 ”面板 中 选择 “表格 ”选项 ， 以 插入 一 个 表格 。 当 然 也 可 以 不 使 用 “插入 ”面板 ， 
而 使 用 “插入 ”菜单 来 插入 对 象 ， 如 图 4-21 所 示 。 

@ “文件 ”面板 

“文件 ”面板 用 于 管理 文件 和 文件 夹 ， 这 些 文件 既 可 以 属于 Dreamweaver 站 点 ， 也 可 以 位 
于 远程 服务 器 上 。“ 文 件 ” 面 板 还 可 使 用 户 访问 本 地 磁盘 上 的 全 部 文件 ， 非 常 类 似 于 Windows 
的 资源 管理 器 ， 如 图 4-22 所 示 。 
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[| 四 | 站 一 ] 国 
图 4-21 “插入 ”面板 图 4-22 “文件 ”面板 


在 “文件 ”面板 中 查看 站 点 、 文 件 或 文件 夹 时 ， 可 以 更 改 查 看 区 域 的 大 小 ， 还 可 以 展 
开 或 折 三 “文件 ”面板 。 当 折 登 “文件 ”面板 时 ， 它 以 文件 列表 的 形式 显示 本 地 站 点 、 远 
程 站 点 、 测 试 服务 器 和 SVN 库 的 内 容 。 在 展开 时 ， 它 会 显示 本 地 站 点 、 远 程 站 点 、 测 试 服 
务 器 或 SVN 库 中 的 其 中 一 个 。 对 于 Dreamweaver 站 点 ， 还 可 以 通过 更 改 折 私 面板 中 默认 显 
示 的 视图 (本 地 站 点 视图 或 远程 站 点 ) 来 对 “文件 ”面板 进行 自 定义 。 
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4.2 规划 与 创建 Dreamweaver 站 点 


4.2.1 规划 站 点 结构 


一 般 情 况 下 ， 在 Dreamweaver 中 ， 用 户 需 要 首先 在 本 地 计算 机 上 创建 本 地 站 点 ， 并 对 
站 点 结构 做 合理 有 序 的 规划 ， 然 后 添加 相关 内 容 ， 最 后 将 站 点 上 传 至 Intemet 服务 器 。 
站 点 结构 主要 是 指 网 站 的 目录 结构 和 链接 结构 ， 两 者 应 当 相 互 配合 ， 共 同 搭建 网 站 的 


“ 骨 昌 >。 


1. 目录 结构 


网 站 中 所 有 的 内 容 通常 保存 在 Web 服务 器 的 某 个 目录 中 ， 在 规划 站 点 时 ， 应 该 事先 在 
计算 机 硬盘 上 建立 一 个 文件 夹 作为 工作 的 起 点 ， 然 后 在 文件 夹 下 新 建 若 干 个 子 文件 夹 组 成 
合理 的 目录 结构 ， 以 便 将 不 同类 型 的 文件 存放 在 站 点 中 。 

目录 结构 本 身 对 于 网 站 的 浏览 效果 并 无 较 大 影响 ， 但 对 于 网 站 建设 中 的 上 传 和 维护 ， 
以 及 将 来 内 容 的 扩充 和 移植 都 有 着 重要 的 影响 。 

规划 网 站 的 目录 结构 ， 应 遵循 以 下 基本 原则 。 

(1) 根据 栏目 设置 建立 子 目 录 

对 于 综合 性 网 站 而 言 ， 如 果 把 所 有 的 文件 都 保存 在 根 目 录 ， 将 会 导致 文件 管理 混乱 的 
严重 问题 。 应 该 根据 网 站 的 栏目 内 容 建立 多 个 子 目录 ， 在 每 个 子 目 录 保 存 该 栏目 的 所 有 文 
件 。 在 根 目录 下 一 般 只 保存 网 站 首页 文件 及 其 他 重要 文件 。 如 果 这 个 栏目 的 内 容 特别 多 ， 
那么 应 该 根据 其 内 容 ， 再 在 二 级 栏目 下 设立 三 级 栏目 ， 并 根据 三 级 栏目 建立 相应 的 文件 子 
目录 ， 依 此 类 推 。 但 需要 注意 目录 的 层次 不 要 太 多 ， 为 了 维护 方便 ， 目 录 的 层次 一 般 不 要 
超过 3 层 。 

(2) 为 每 个 栏目 建立 独立 的 图 片 目录 

通常 ， 在 每 个 网 站 的 根 目录 下 都 应 设置 一 个 图 片 目录 (images)， 用 来 存放 网 页 中 的 图 
片 。 如 果 把 网 站 中 所 有 的 图 片 都 放 在 这 个 目录 ， 以 后 很 可 能 会 混淆 不 清 。 因 此 ， 最 好 是 在 
每 个 栏目 的 子 目录 中 建立 一 个 独立 的 images 目录 ， 以 存放 该 栏目 中 的 所 有 图 片 ， 而 根 目录 
下 的 images 目录 则 只 存放 首页 中 的 图 片 。 

(3) 采用 正确 的 命名 方式 

网 站 中 所 有 的 子 目 录 和 文件 应 避免 使 用 中 文 目录 和 中 文 文件 名 ,使 用 中 文 目录 可 能 对 
网 址 的 正确 显示 造成 困难 。 文 件 名 不 要 太 长 ， 尽 管 Web 服务 器 支持 长 文件 名 ,但 是 太 长 的 
文件 名 不 便于 记忆 ， 也 不 便于 管理 。 另 外 ， 文 件 名 尽量 意义 明确 ， 如 栏目 名 称 的 汉语 拼音 
或 者 英文 名 ， 以 便于 记忆 和 管理 。 

本 章 以 “现代 技术 教学 部 ”网 站 为 例 进行 介绍 ， 其 网 站 栏目 设置 、 网 站 目录 结构 和 站 
点 本 地 视图 如 图 4-23、 图 4-24 和 图 4-25 所 示 。 
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现代 技术 教学 部 主页 


图 4-23 网 站 栏目 设置 


English 


局 现代 技术 教学 部 省 】 本 地 视图 加 | 
了 Cl3fBS| 日 


日 局 站 点 - 现代 技术 教学 文件 穴 


S| a 
全 1 个 二 地 项 目 久 选中 已 共 10654- 划一 J 


4-25 ”站 点 本 地 视图 


2. 链接 结构 


网 站 的 链接 结构 是 指 网 页 之 间 相互 链接 的 关系 。 正 确 的 链接 结构 能 让 浏览 者 方便 地 访 
问 网 站 中 的 所 有 内 容 ， 而 不 会 漏 掉 一 些 重要 页 面 。 网 站 的 链接 结构 建立 在 目录 结构 的 基础 
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之 上 ， 但 又 可 以 超越 目录 ， 它 主要 有 两 种 基本 方式 : 树 状 结构 和 星 状 结构 。 

在 树 状 结构 中 ， 以 主页 作为 网 站 的 “主干 ”， 首 页 链接 指向 一 级 页 面 ， 一 级 页 面 链接 指 
向 二 级 页 面 。 这 样 的 链接 结构 条 理 清 晰 ， 但 浏览 效率 低 ， 一 个 栏目 下 的 子 页 面 到 另 一 个 栏 
目下 的 子 页 面 ， 必 须 绕 经 主页 。 

在 星 状 结构 中 ， 每 个 网 页 相互 之 间 相 互 链接 ， 浏 览 方便 ， 浏 览 者 可 以 随时 到 达 其 他 页 
面 。 但 是 由 于 链接 太 多 ， 容 易 使 浏览 者 “迷路 ”。 在 实际 的 网 站 设计 中 ， 总 是 将 这 两 种 结构 
混合 起 来 使 用 ， 让 浏览 者 既 可 以 方便 快速 地 达到 自己 需要 的 页 面 ， 又 清晰 地 了 解 当 前 访问 
位 置 。 所 以 ， 最 好 的 办 法 是 首页 和 一 级 页 面 之 间 用 星 状 链接 结构 ， 一 级 和 二 级 页 面 之 间 用 
树 状 链接 结构 。 现 代 技 术 教 学 部 主页 的 首页 面 (index.htm) 设置 的 链接 如 图 4-26 所 示 。 


zhuren/ 
zhuren.html 


4.2.2 ”建立 本 地 站 点 


jgsz/ gwZZ/ english/ 
jigou.html zhize.html english.html 


图 4-26 首页 面 index.htm 设置 的 链接 


在 Dreamweaver 中 , 术语 “站 点 ” 指 属于 某 个 Web 站 点 的 文档 的 本 地 或 远程 存储 位 置 。 
Dreamweaver 站 点 提供 了 一 种 方法 ， 使 用 户 可 以 组 织 和 管理 所 有 的 Web 文档 ， 将 站 点 上 传 
到 Web 服务 器 ， 并 跟踪 和 维护 站 点 链接 以 及 管理 和 共享 文件 。 在 开始 网 页 设计 制作 之 前 ， 
首先 应 定义 一 个 站 点 ， 以 充分 利用 Dreamweaver CS4 强大 的 站 点 管理 功能 。 

定义 Dreamweaver 站 点 ， 只 需 设置 一 个 本 地 文件 夹 。 若 要 向 Web 服务 器 传输 文件 或 开 
发 Web 应 用 程序 ， 还 必须 添加 远程 站 点 和 测试 服务 器 信息 。 

Dreamweaver 站 点 由 3 个 部 分 (或 文件 夹 ) 组 成 , 具体 取决 于 开发 环境 和 所 开发 的 Web 

(1) 本 地 根 文件 夹 : 存储 用 户 正在 设计 和 处 理 的 文件 。Dreamweaver 将 此 文件 夹 称 为 

“本 地 站 点 ”。 此 文件 夹 通常 位 于 本 地 计算 机 上 ， 但 也 可 能 位 于 网 络 服务 器 上 。 

(2) 远程 文件 夹 存储 : 用 于 测试 、 生 产 和 协作 等 用 途 的 文件 。Dreamweaver 在 “文件 ” 
面板 中 将 此 文件 夹 称 为 “远程 站 点 ”。 远程 文件 夹 通常 位 于 运行 Web 服务 器 的 计算 机 上 ,， 包 
含 用 户 从 Internet 访问 的 文件 。 

通过 本 地 文件 夹 和 远程 文件 夹 的 结合 使 用 ， 用 户 可 以 在 本 地 硬盘 和 Web 服务 器 之 间 传 
输 文件 ， 可 以 帮助 用 户 轻 松 地 管理 Dreamweaver 站 点 中 的 文件 ， 还 可 以 在 本 地 文件 夹 中 处 
理 文件 ， 希 望 其 他 人 查看 时 ， 再 将 它们 发 布 到 远程 文件 夹 。 

(3) 测试 服务 器 文件 夹 : Dreamweaver 在 其 中 处 理 动态 页 的 文件 夹 。 
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1. 建立 本 地 站 点 


利用 Dreamweaver CS4 提供 的 站 点 创建 向 导 ， 用 户 可 以 轻松 地 建立 本 地 站 点 ， 具 体操 
作 步 又 如 下 : 

(1) 选择 “站 点 ”一 “新 建站 点 ”命令 ， 如 图 4-27 所 示 , 或 者 选择 “管理 站 点 ”命令 ， 
在 弹出 的 如 图 4-28 所 示 的 对 话 框 中 单 击 “ 新 建 ” 按 钮 ， 然 后 在 弹出 的 菜单 中 选择 “站 点 ” 
命令 ， 弹 出 如 图 4-29 所 示 的 “未 命名 站 点 1 的 站 点 定义 为 ”对 话 框 。 

(2) 在 如 图 4-29 所 示 的 对 话 框 中 的 “您 打算 为 您 的 站 点 起 什么 名 字 ? ”文本 框 中 输入 
站 点 名 称 ， 如 “xdjs”， 在 “您 的 站 点 的 HTTP 地 址 (URL) 是 什么 ? ”文本 框 中 输入 所 创 
建站 点 的 HTTP 地 址 ， 然 后 单 击 “ 下 一 步 ” 按 钮 。 


图 4-27 新 建站 点 4-28 “管理 站 点 ”对 话 框 


rssmvesver 中 的 站 点 是 文件 和 文 件 赤 的 集合 ， 它 对 应 于 服务 器 上 的 Web 站 点 - 
您 打 复 为 您 的 站 点 起 什么 名 字 ? 
5 汪汪 和 天 天 


示例 ;meite 


饮 的 站 点 的 MTTP 二 址 niRL) 是 什么 ? 
http // 
示例: http: /fm mgltost coaymysite 


Et 


[| 
图 4-29 “未 命名 站 点 1 的 站 点 定义 为 ”对 话 框 


< 注意 : 站 点 名 称 不 是 网 站 的 名 称 , 这 里 说 的 站 点 名 称 实际 上 就 是 创建 站 点 时 存放 站 点 的 
文件 夹 的 名 称 ( 例如 ， 把 站 点 文件 存放 在 F:xdjs\ 中 ， 站 点 名 称 就 是 xdjs )， 而 网 
站 名 称 是 根据 网 站 的 主题 为 网 站 起 的 名 字 ( 新 浪 网 站 中 的 “新 浪 ” 就 是 网 站 名 称 )。 
书写 站 点 名 称 时 需要 注意 避免 使 用 汉字 当 作 站 点 名 称 , 这 条 规则 同样 适用 于 网 页 
的 名 称 ， 文件 名 中 可 使 用 空格 符 ， 但 不 允许 使 用 “1!”、“*”、“? ”、“\ ”、“*”、 


“< 、“>”。 
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(3) 在 弹出 的 如 图 4-30 所 示 的 对 话 框 中 , 根据 网 站 是 否 需 要 服务 器 技术 及 何 种 脚本 语 
言 来 选择 服务 器 技术 ， 例 如 ， 选 中 “和 否 ， 我 不 想 使 用 服务 器 技术 ” 单 选 按钮 ， 然 后 单 击 “ 下 
一 步 ” 按 钮 。 


OE 
时 ， 玫 二 全 县 各 各 芳 不 ，0f) 


图 4-30 “xdjs 的 站 点 定义 为 ”对 话 框 
< 注意 : 服务 器 技术 涉及 动态 页 面 的 编程 和 数据 库 连接 问题 ， 可 参考 本 书 的 其 他 相关 章节 
内 容 。 本 章 是 以 创建 静态 页 面 为 例 ， 所 以 选中 “和 否 ， 我 不 想 使 用 服务 器 技术 ” 单 


(4) 在 弹出 的 如 图 4-31 所 示 的 对 话 框 中 选中 “编辑 我 的 计算 机 上 的 本 地 副本 ， 完 成 后 
再 上 传 到 服务 器 (推荐 ) ” 单 选 按钮 。 


在 开关 得 中 ,内 打 贡 加 间 全 同人 2RG 件 了 


芝 拒 上 名 由， 二 世上 二 4 朋 科 吉 (从 本 ) 0 
Bvtpr re 


代 相 把 文件 村 鱼 下 汗 和 机 上 0 什 和 位置 ? 


Cl Ea Eo Eo 
图 4-31 选中 “编辑 我 的 计算 机 上 的 本 地 副本 ， 完 成 后 再 上 传 到 服务 器 〈 推 荐 )” 单 选 按钮 

如 果 用 户 还 没有 专门 建立 存放 站 点 的 文件 夹 ， 最 好 在 图 4-31 的 对 话 框 中 输入 站 点 保存 

的 路 径 〈 例 如 ，F:\xdjs\ 指 的 是 硬盘 F 盘 中 的 xdjs 文件 夹 ， 它 就 是 站 点 的 根 目 录 ); 如 果 用 户 


已 经 建立 好 存放 站 点 的 文件 夹 ， 单 击 “ 浏 览 ” 按 钮 选择 存放 站 点 的 文件 来， 选择 完成 后 单 
击 “ 下 一 步 ”按钮 。 
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(5) 在 弹出 的 如 图 4-32 所 示 的 对 话 框 中 ， 为 Dreamweaver 选择 一 种 访问 远程 文件 夹 
的 方法 。 该 对 话 框 所 显示 内 容 将 随 着 下 拉 列 表 框 中 选择 内 容 的 改变 而 改变 ,访问 远程 文件 
夹 的 方法 可 设 为 FTP、WebDAV、SourceSafe 数据 库 、RDS 或 本 地 /网 络 等 ， 这 里 选择 “无 ” 
选项 ， 即 选择 本 地 站 点 作为 远程 服务 器 。 

(6) 单 击 “ 下 一 步 ”按钮 ， 将 弹出 如 图 4-33 所 示 的 对 话 框 ， 在 其 中 可 以 看 到 从 创建 站 
点 的 第 一 步 到 最 后 一 步 过 程 中 选择 的 所 有 信息 。 如 信息 有 误 ， 单 击 “ 上 一 步 ”按钮 重新 设 
置 ， 如 确认 无 误 ， 单 击 “ 完 成 ”按钮 结束 站 点 创建 。 


本 业 要 芯 云 本 区 
二 [a 
站 点 定义 i 


名 站 点 名 襄 以 下 计生 
站 点 各 部 xdjs 
机井 硬 立 半 划 Fas 


远程 信息 - 
访问 ” 乱 洁 在 以 后 记 友 此 设 和 


和 
访问 我 从 在 以 后 充 且 雍 设置 ， 


TEL 月 二 这 项 卡 对 实 的 时 上 济济 一 具 本 置 。 


EE EE Cd 
图 4-32 选择 站 点 作为 远程 服务 器 图 4-33 ”总 结对 话 框 
2. 本 地 站 点 的 管理 


站 点 创建 完成 之 后 ， 还 可 以 在 如 图 4-34 所 示 的 “管理 站 点 ”对 话 框 中 对 创建 的 一 个 或 
多 个 站 点 进行 相应 的 管理 工作 。 

(1) 在 “管理 站 点 ”对 话 框 中 可 以 看 到 所 有 已 经 创建 好 的 站 点 ， 还 可 根据 需要 建立 新 

(2) 单 击 “ 编 辑 ” 按 钮 ， 可 以 对 所 选择 的 某 个 站 点 的 相应 参数 进行 重新 配置 和 选择 。 

(3) 单 击 “复制 ”按钮 ， 可 以 创建 所 选择 的 站 点 的 副本 ,创建 的 副本 将 出 现在 站 点 列 


图 4-34 “管理 站 点 ”对 话 框 图 4-35 复制 站 点 
(4) 单 击 “ 删 除 ”按钮 ， 将 从 站 点 列表 中 删除 所 选择 的 Dreamweaver 站 点 及 其 所 有 设 
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置信 息 ， 此 操作 无 法 撤销 。 但 并 不 会 将 站 点 文件 从 本 地 计算 机 中 删除 。 单 击 “ 删 除 ” 按 钮 
后 ， 在 弹出 的 如 图 4-36 所 示 的 对 话 框 中 单 击 “ 是 ”按钮 ， 则 从 站 点 列表 中 删除 站 点 ; 单 击 
“ 否 ” 按 钮 则 保留 站 点 名 称 ， 然 后 单 击 “ 完 成 ”按钮 。 

(5) 单 击 “ 导 出 ”按钮 可 以 将 站 点 设置 导出 为 XML 文件 ， 并 在 以 后 将 该 文件 导入 


Dreamweaver 中 ,可 以 方便 地 在 各 计算 机 和 产品 版 本 之 间 移 动 站 点 或 者 与 其 他 用 户 共享 设置 ， 
如 图 4-37 所 示 。 


保存 在 中; | 忆 x5s Mosp [ee 
本 = 
我 最 近 的 文档 ”局 mage 
EL 
国 BEB 
京 面 
网 
我 的 文档 
EL X 
不 | 
愉 点 
开 件 各 四) adjs. ste 回 
ED 忆 au-] BMD [ 太 5EAR 回 
图 4-36 ”删除 站 点 图 4-37 导出 站 点 


导出 站 点 的 步骤 如 下 : 

@ 选择 “站 点 ”一 “管理 站 点 ”命令 。 

@ 选择 要 导出 设置 的 一 个 或 多 个 站 点 ， 然 后 单 击 “ 导 出 ”按钮 。 

@ 。 若 要 选择 多 个 站 点 ， 可 按 住 Ctrl 键 单 击 每 个 站 点 。 

@ 若 要 选择 某 一 范围 的 站 点 ,可 按 住 Shift 键 单 击 该 范围 中 的 第 一 个 和 最 后 一 个 站 点 。 

@ 对 于 要 导出 的 每 个 站 点 ， 可 浏览 要 保存 站 点 的 位 置 ， 然 后 单 击 “ 保 存 ” 按 钮 ， 
Dreamweaver 会 将 每 个 站 点 的 设置 保存 为 扩展 名 为 .ste 的 XML 文件 。 

(6) 单 击 “ 导 入 ”按钮 ， 浏 览 并 选择 .ste 文件 中 定义 的 且 要 导入 其 设置 的 一 个 或 多 个 
站 点 。 导 入 该 站 点 设置 之 后 ， 站 点 名 称 会 出 现在 “管理 站 点 ”对 话 框 中 。 


4.3 创建 站 点 文档 


新 创建 的 站 点 是 空 的 ， 没 有 任何 文件 ， 用 户 需要 在 其 中 创建 并 编辑 自己 的 网 页 文件 ， 
还 可 以 对 其 进行 各 种 管理 。 


4.3.1 创建 新 文档 


创建 文件 的 操作 步骤 如 下 : 
(1) 选择 “窗口 ”一 “文件 ”命令 ， 打 开 “ 文 件 ” 面 板 ， 如 图 4-38 所 示 。 
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(2) 选中 需要 创建 文件 的 文件 夹 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “新 建文 
件 ” 命 令 ， 在 “文件 ”面板 中 将 生成 一 个 名 称 为 Untitled-1.html 的 文件 ， 如 图 4-38 所 示 。 
创建 新 文档 也 可 以 采用 如 下 步骤 : 
(1) 选择 “文件 ”一 “新 建 ”命令 ， 弹 出 如 图 4-39 所 示 的 “新 建文 档 ” 对 话 框 ， 默认 
选择 “空白 页 ”选项 卡 。 
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EE 图 | hi 四 Iw] 


ETJIE 和 本 


Xaxa: [auiuiastad 国 
i Y 置 | 对 加 到 文 栏 头 


i bb 1: 古 全 往 
面 mystyle css 1 Cascad 有 天 者 ,在 全 
Em : 总 到 
Bhn css 文件 Pe 


避 训 i 13:13 | | 让 R Le 
4-38 “文件 ”面板 4-39 “新 建文 档 ” 对 话 框 
(2) 从 右 侧 的 “页 面 类 型 ” 列表 中 选择 HTML 选项 ,， 单 击 “ 创 建 ” 按钮 ，Dreamweaver 
即 创建 一 个 新 的 HTML 文件 ， 并 展开 工作 区 界面 ， 如 图 4-40 所 示 。 


Bm 0 5 | ws » | EEE ~ ° * 
雪 件 中 罗纹 者 看 从 看 \(D) RD 的 0 $C) 扩 E WOD 和 中 
E23 
DO 3 
BD ellsh 斌 忻 突 
BB er 六 天 
BD in 文才 
mB ee 六 
可 加 sea 好 
下 oem na 50eai | 
至 we 1 ccws 
和 Weideitb 0 
区 EET 
3 
[Omm| 六 WD 于 图 差 | 元 人 BT EE 生机 BR 
[3 辣 放 s 帆 9S 星 @ 
ER 站 PT FY 
名 一 
图 4-40 ”新建 网 页 
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此 时 网 页 的 默认 文件 名 为 Untitled-1.html， 新 建 的 HTML 网 页 生成 如 下 代码 段 


<!IDOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/ xhtml1/ 
DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 

<meta http-equiv="Content-Type" content= "text/html; charset=utf-8" /> 

<title> 无 标题 文档 </title> 

</head> 

<body> 

</body> 

</html> 


4.3.2 ”文档 的 设置 


对 于 站 点 中 创建 好 的 各 种 文档 ， 还 可 以 通过 “文件 ”面板 进行 相应 的 管理 。 

(1) 移动 文件 

打开 “文件 ”面板 后 ， 选 中 需要 移动 的 文件 ， 按 住 鼠 标 左 键 不 放 ， 拖 动 该 文件 到 面板 
的 其 他 位 置 ， 即 可 移动 文件 。 由 于 文件 的 位 置 发 生 了 变化 ， 其 中 的 链接 信息 也 可 能 相应 发 
生变 化 。 

(2) 复制 文件 

打开 “文件 ”面板 后 ， 选 中 需要 复制 的 文件 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选 
择 “ 编 辑 ” 一 “复制 ”命令 即 可 复制 文件 。 

(3) 重 命名 文件 

打开 “文件 ”面板 后 ， 选 中 需要 重 命名 的 文件 ， 单 击 鼠 标 右 键 ， 在 弹出 的 快捷 菜单 中 
选择 “编辑 ”一 “ 重 命名 ”命令 ， 使 该 文件 的 名 称 变 为 可 编辑 状态 ， 输 入 一 个 新 的 名 称 ， 
按 Enter 键 即 可 重 命 名 文件 。 

(4) 删除 文件 

打开 “文件 ”面板 后 ， 选 中 需要 删除 的 文件 ， 按 Delete 键 ， 此 时 系统 将 弹出 一 个 提示 
框 ， 提 示 用 户 是 否 要 删除 文件 ， 单 击 “ 是 ”按钮 ， 该 文件 即 可 从 本 地 站 点 中 删除 。 


4.3.3 ”设置 页 面 属性 


页 面 标题 、 背 景 图 像 和 颜色 、 文 本 和 链接 颜色 、 边 距 是 每 个 Web 文档 的 基本 属性 。 在 
Dreamweaver 中 打开 一 个 网 页 文件 后 , 单 击 属性 面板 中 的 “页 面 属性 ”按钮 或 者 选择 “修改 
一 “页 面 属性 ”命令 ， 均 可 打开 “页 面 属性 ”对 话 框 ( 如 图 4-41 所 示 ) 进行 设置 或 更 改 页 
面 属性 Dreamweaver 将 页 面 属性 分 为 外 观 (CSS)、 外观 (HTML)、 链 接 (CSS)、 标题 (CSS)、 
标题 /编码 和 跟踪 图 像 6 个 类 别 。 
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(1) 设置 外 观 (CSS) 属性 

“页 面 属性 ”对 话 框 默 认 显示 “外 观 (CSS)” 设 置 页 面 ， 在 其 中 可 设置 整个 页 面 的 字 
体 、 文 字 的 大 小 、 文 本 颜色 、 背 景 颜色 、 背 景 图 像 、 重 复 、 左 边 距 、 右 边 距 、 上 边 距 和 下 
边 距 等 内 容 ， 如 图 4-41 所 示 。 

(2) 设置 外 观 (HTML) 属性 

选择 “外 观 CHTML)” 选 项 ， 在 右 侧 的 设置 界面 中 可 以 设置 背景 颜色 、 背 景 图 像 、 链 
接 文本 颜色 、 左 边 距 、 上 边 距 、 边 距 宽度 和 高 度 等 内 容 。 此 时 设置 的 属性 会 导致 页 面 采 用 
HTML 格式 ， 而 不 是 CSS 格式 ， 如 图 4-42 所 示 。 


外 观 _CSS) 分 类 . 

页 面 字 件 人)， 昧 汉字 伟 站 L EEo 
大 小 加 : 避 5 ES) 育 景 回 : [9 WE 

六 + 加: 国 本 中: 到 REE5656 。 已 本 同 儿 报 WW: 本 55539035] 

Nae @): 国 语 扩 中， 天 Poon。 活动 术 护 (， 天 | 3903 | 


背 虹 回迁 吕 ) 


加 WwW: 

" mw: [ ] 
amD: 0 这 到 珊 谋 中: [0 ] 

hE 四 ) 


Le): 


图 4-41 “页 面 属性 ”对 话 框 图 4-42 外 观 (HTML) 


(3) 链接 (CSS) 

选择 “链接 (CSS)” 选 项 ， 在 右 侧 的 设置 界面 中 可 以 设置 链接 字体 、 大 小 、 颜 色 ， 还 
可 以 设置 变换 图 像 链 接 、 已 访问 链接 、 活 动 链接 的 颜色 以 及 下 划 线 的 样式 ， 如 图 4-43 所 示 。 

(4) 标题 (CSS) 

选择 “标题 (CSS)” 选 项 ， 在 右 侧 的 设置 界面 中 可 以 设置 标题 字体 的 属性 。 这 里 的 标 
题 指 的 并 不 是 页 面 的 标题 内 容 ， 而 是 可 以 应 用 在 具体 文章 中 各 级 不 同 标题 上 的 字体 样式 ， 
如 图 4-44 所 示 。 


4 本 是 css) 
狂 二 , 二 归于 件 中，《 同 责 面 于 本 加 Bs/ 
SE Ca 所 10) 国 辕 |[ ] 
这 本 色 轴 ;本 [oonc000 到 兴 思 本 接 @): 前 | #9000 2) 国 : 局 | ] 
已 访问 狂笑 四 :本 aocoo0 后 中 接 @): 机 | 和 00000 5 9) mE 司 [ ] 
下 井 伴 式 由; [更 无 TF 刘 由 国 本 可 由 I 上 E 局 |[ h 
和 56) 国 E 局 |[ ] 
C2 SlE | ] 
图 4-43 链接 (CSS) 图 4-44 标题 (CSS) 


(5) 标题 /编码 
选择 “标题 /编码 ”选项 ， 在 右 侧 的 设置 界面 中 可 以 设置 页 面 的 标题 和 编码 的 属性 。“ 标 
题 ”文本 框 中 输入 的 内 容 就 是 在 下 浏览 器 的 标题 栏 看 到 的 页 面 标题 。“ 文 档 类 型 ”下 拉 列 


i 


S 
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表 框 用 于 指定 文档 类 型 。“ 编 码 ” 下 拉 列 表 框 用 于 指定 文档 中 字符 所 用 的 编码 。 简 体 中 文 网 
站 通常 采用 的 是 简体 中 文 (GB2312)， 如 图 4-45 所 示 。 

(6) 跟踪 图 像 

选择 “跟踪 图 像 ” 选 项 ， 在 右 侧 的 设置 界面 中 可 以 插入 一 个 图 像 文 件 ， 并 在 设计 页 面 
时 使 用 该 文件 作为 参考 。“ 跟 踪 图 像 ”文本 框 用 于 指定 在 复制 设计 时 作为 参考 的 图 像 ， 该 图 
像 只 供 参考 ， 当 文档 在 浏览 器 中 显示 时 并 不 出 现 。“ 透 明度 ” 滑 条 确定 跟踪 图 像 的 不 透明 度 ， 
范围 为 从 完全 透明 到 完全 不 透明 ， 如 图 4-46 所 示 。 


标题/ 贺 Es 
] 
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| 
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并 件 廊 件 顽 .pAzdje 
站 点 文 伯夷; FAxdis\ 


| ED Ca ied ED EEC CE 
图 4-45 标题 /编码 图 4-46 跟踪 图 像 


4.4 文本 的 输入 和 编辑 


文字 是 网 页 中 重要 的 设计 元 素 ， 虽 然 声音 、Flash 等 多 媒体 元 素 在 网 页 中 的 比重 越 来 越 
大 ， 但 是 文字 依然 占据 着 传递 信息 的 主导 地 位 。 因 此 对 于 网 页 设计 者 而 言 ， 了 解 和 掌握 网 
页 设计 中 的 文字 排版 设计 就 显得 尤为 重要 。 


4.4.1 输入 文本 


1. 插入 普通 文本 


车 要 向 Dreamweaver 文档 添加 文本 ， 可 以 直接 在 文档 窗口 中 输入 文本 ， 也 可 以 剪 切 并 
粘贴 文本 ， 还 可 以 从 其 他 文档 导入 文本 。 在 Dreamweaver 中 插入 普通 文本 的 方法 和 在 Word 
中 插入 文本 的 方法 基本 相同 ， 有 如 下 几 种 方法 : 
@ 把 鼠标 光标 停 在 文档 窗口 中 需要 输入 文字 的 位 置 ， 切 换 到 合适 的 输入 法 输入 文字 
即 可 。 

@ ”从 其 他 文档 中 剪 切 并 粘贴 所 需 的 文字 。 打 开 文 字 所 在 文档 ， 选 中 所 需 文字 后 复制 
到 文档 窗口 中 需要 的 位 置 。 当 使 用 “选择 性 粘贴 ”命令 时 ， 会 弹出 “选择 性 粘贴 ” 
对 话 框 ， 如 图 4-47 所 示 。 
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图 4-47 “选择 性 粘贴 ”对 话 框 


@ ”从 其 他 文档 导入 文本 。 选 择 “ 文 件 ” 一 “导入 ”一 “Word 文档 ”命令 ,弹出 “ 导 
入 Word 文档” 对 话 框 ， 浏 览 所 需 的 文件 或 在 “文件 名 ”文本 框 中 输入 所 需 文件 的 
名 称 ， 最 后 单 击 “ 打 开 ” 按 钮 ， 如 图 4-48 所 示 。 
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2. 插入 列表 文本 
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图 4-48 导入 “Word 文档 ” 


使 用 列表 文本 可 使 页 面 看 起 来 明朗 清晰 ， 列 表 文本 分 为 两 种 类 型 ; 一 种 是 无 序列 表 文 
本 ， 另 一 种 是 有 序列 表 文本 。 无 序列 表 前 多 以 相同 的 符号 来 引导 ， 而 有 序列 表 前 多 以 数字 


或 字母 来 引导 。 


插入 列表 文本 的 方法 如 下 : 

(1) 单 击 文本 属性 面板 中 的 “项 目 列表 ”按钮 可 插入 无 序列 表 文本 ; 单 击 “ 项 目 编号 ” 
按钮 可 插入 有 序列 表 文 本 。 

(2) 在 文档 窗口 中 输入 文本 ， 按 Enter 键 另 起 一 行 ， 列 表 符 号 将 自动 出 现 。 

(3) 按 Enter 键 ， 确 认 完成 插入 列表 文本 操作 。 


4.4.2 ”设置 文本 属性 


在 文档 窗口 中 选中 一 段 文字 ， 其 属性 面板 有 以 下 两 种 方式 : 
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@ HTML 方式 ,在 此 面板 中 设置 文本 属性 采用 的 是 HTML 格式 , 而 不 是 CSS 格式 ， 


如 图 4-49 所 示 。 
[<>yrm| | 格式 如 | 无 日 美 | 无 v]BZT 注 注 丝 丝 标题 四 | 
配 呈 ao 无 | 链接 加 天 ~ 全 口上 @ 


图 4-49 HTML 方式 属性 面板 
@ CSS 方式。 在 此 面板 中 设置 文本 属性 采用 的 是 CSS 格式 ， 如 图 4-50 所 示 。 


[ess] [CR CSS 丰台 无 [x] 国 | 


图 4-50 CSS 方式 属性 面板 


在 两 种 类 型 的 属性 面板 中 均 可 以 定义 文字 的 格式 、 字 体 、 样 式 、 字 号 、 颜 色 、 加 粗 、 
倾斜 和 水 平 对 齐 等 内 容 。 


1. 设置 文本 的 格式 


利用 “格式 ”菜单 下 的 “段落 格式 ” 子 菜单 可 对 选中 的 段落 设置 格式 ， 利 用 属性 面板 中 
的 “格式 ”下 拉 列 表 框 也 可 以 选择 段落 或 标题 格式 ， 如 
图 4-51 所 示 。“ 标题 1” 到 “标题 6” 分 别 表示 各 级 标题 ， 
应 用 于 网 页 的 标题 部 分 。“ 标 题 1” 的 字体 最 大 ， 然 后 依 序 
慢 慢 变 小 ， 可 根据 需要 套用 。 进 行 “标题 1” 到 “标题 6” [一 | 
的 设置 对 应 HTML 的 <hl> 和 </h1> 等 相关 语句 。 于 格式 化 的 

2. 设置 文本 的 字体 图 4-51 “格式 ”下 拉 列表 框 


在 CSS 方式 属性 面板 的 “字体 ”下 拉 列 表 框 中 可 以 预 设 部 分 字体 ， 要 想 使 用 其 他 字体 
必须 重新 编辑 字体 列表 ， 把 所 需 的 字体 添加 到 下 拉 列表 框 中 。 


3. 设置 文本 的 字号 


字号 是 指 字体 的 大 小 , 设置 Dreamweaver 中 的 字体 大 小 有 两 种 
方法 。 
@ ”采用 绝对 值 ， 在 属性 面板 中 的 “大 小 ”下 拉 列 表 框 中 可 选 
择 需 要 的 字号 磅 数 ， 如 9、10 等 ， 如 图 4-52 所 示 。 
@ ”采用 相对 值 ， 在 属性 面板 中 “大 小 ”下 拉 列 表 框 中 可 选择 
文字 的 相对 大 小 ， 如 大 、 较 大 、 特 大 等 。 


4. 设置 文本 的 颜色 国 452 设置 辽 体 
在 “页 面 属性 ”对 话 框 中 进行 的 字体 颜色 设置 ， 是 设置 整个 网 
页 所 有 文字 的 默认 颜色 ， 而 选中 一 段 文字 后 ， 在 属性 面板 上 单 击 “ 颜 色 ” 按 钮 ， 可 设置 先 
中 的 文字 的 颜色 。 选 择 “格式 ”一 “颜色 ”命令 ， 将 弹出 “颜色 ”对 话 框 ， 如 图 4-53 所 示 ， 
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在 其 中 也 可 以 设置 文本 颜色 。 


色调 四 : |160 | 红 虽 :0 | 
饱和 度 G): 0 | 绿 (@): 0 
本 名 | 师 色 ) 充 度 :0 | 班 W: 0 | 


图 4-53 “颜色 ”对 话 框 
4.4.3 ”输入 特殊 字符 


要 向 网 页 中 插入 特殊 字符 ， 需 要 在 插入 栏 选择 “文本 ”类 别 ， 然 后 单 击 文本 类 别 最 右 
侧 的 按钮 ， 弹 出 如 图 4-54 所 示 的 菜单 ， 可 以 在 其 中 选择 所 需 的 特殊 符号 插入 到 网 页 中 ， 也 
可 以 选择 “插入 ”一 HTML 一 “特殊 字符 ”命令 , 在 打开 的 子 菜单 中 选择 所 需要 的 特殊 字符 。 

如 果 “ 特 殊 字符 ”菜单 中 没有 需要 的 特殊 字符 ， 那 么 就 选择 “其 他 字符 ”命令 ， 将 弹 
出 “插入 其 他 字符 ”对 话 框 ， 如 图 4-55 所 示 ， 在 其 中 单 击 需要 的 特殊 字符 ， 然 后 单 击 “ 确 
定 ”按钮 即 可 将 字符 插入 到 页 面 的 指定 位 置 。 
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图 4-54 特殊 字符 下 拉 菜 单 图 4-55 “插入 其 他 字符 ”对 话 框 
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4.5 图 像 处 理 


图 像 是 网 页 最 主要 的 表达 元 素 之 一 ， 在 网 页 中 适当 地 插入 图 像 ， 不 但 可 以 美化 网 页 ， 
还 可 以 增强 其 表现 力 。 网 页 对 所 使 用 的 图 像 格式 是 有 限制 的 ， 并 不 是 任何 一 种 格式 的 图 像 
文件 都 能 被 应 用 到 网 页 中 ， 目 前 网 络 支持 的 图 像 格式 主要 有 JPEG、GIF 和 PNG 3 种 。 
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4.5.1 插入 图 像 


设计 和 规划 好 网 页 布局 之 后 ， 根 据 设 计 要 求 ， 在 图 像 处 理 软 件 中 将 需要 插入 的 图 片 进 
行 处 理 ， 然 后 存放 在 站 点 根 目录 下 的 图 片 文件 夹 中 。 

根据 图 像 在 网 页 中 作用 的 不 同 ， 可 以 将 其 分 为 普通 图 像 、 占 位 图 像 和 鼠标 经 过 图 像 3 
种 ， 下 面 分 别 介绍 它们 的 插入 方法 。 


1. 插入 普通 图 像 


插入 普通 图 像 的 方法 如 下 : 

(1) 将 鼠标 指针 置 于 需要 插入 图 像 的 位 置 。 

(2) 选择 “插入 ”一 “图 像 ” 命 令 ， 弹 出 “选择 图 像 源 文件 ”对 话 框 ， 如 图 4-56 所 示 ， 
在 其 中 选择 合适 的 图 像 ， 单 击 “ 确 定 ”按钮 即 可 。 


玩 开 图 从 深 文 什 
先后 文件 名 日 : O) 文系 统 
吕梁 


00 x 20 GD 2 1 3 


me ol oF 
a) maueerraaa 


图 4-56 “选择 图 像 源 文件 ”对 话 框 
多 提示， 除了 使 用 “插入 ”菜单 以 外 ， 还 可 以 使 用 “插入 ” 栏 来 插入 图 像 。 
2. 插入 占 位 图 像 


占 位 图 像 实际 上 是 一 种 图 像 占 位 符 , 在 实际 制作 网 页 的 过 程 中 , 当 网 页 的 整体 排版 已 经 
完成 ， 但 是 需要 插入 的 图 像 还 没有 制作 出 来 时 ， 可 以 一 一 一 一 一 
插入 一 个 占 位 图 像 来 配合 排版 的 需要 ， 等 到 图 像 制作 
出 来 后 ， 再 将 占 位 的 图 像 蔡 换 掉 。 插 入 占 位 图 像 的 方 
法 如 下 : 

(1) 将 鼠标 指针 置 于 需要 插入 占 位 图 像 的 位 置 。 

(2) 选择 “插入 ”一 “图 像 对 象 ”一 “图 像 占 
位 符 ” 命 令 ， 弹 出 “图 像 占 位 符 ” 对 话 框 ， 如 图 4-57 图 4-57 “图 像 点 位 符 ” 对 话 框 
所 示 。 
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(3) 在 “名 称 ” 文 本 框 中 输入 占 位 图 像 的 名 称 。 

(4) 在 “宽度 ”和 “高 度 ” 文 本 框 中 输入 占 位 图 像 的 宽度 和 高 度 。 

(5) 单 击 “ 颜 色 ” 按 钮 ， 在 弹出 的 “颜色 ”面板 中 选择 占 位 图 像 的 颜色 。 
(6) 在 “替换 文本 ”文本 框 中 输入 占 位 图 像 的 替换 文本 。 

(7) 单 击 “ 确 定 ” 按 钮 即 可 插入 占 位 图 像 ， 如 图 4-58 所 示 。 

在 发 布 站 点 之 前 ， 应 该 使 用 普通 图 像 替 换 所 有 的 占 位 图 像 ， 方 法 如 下 : 
(1) 双击 占 位 图 像 。 

(2) 在 弹出 的 对 话 框 中 选择 要 替换 占 位 图 像 的 普通 图 像 。 

(3) 单 击 “ 确 定 ” 按 钮 ， 即 可 将 占 位 图 像 蔡 换 掉 ， 如 图 4-59 所 示 。 


I co 


图 4-58 插入 的 占 位 图 像 图 4-59 ”替换 占 位 图 像 
3. 插入 鼠标 经 过 图 像 


鼠标 经 过 图 像 是 一 种 在 浏览 器 中 查看 且 使 用 鼠标 指针 经 过 时 发 生变 化 的 图 像 ， 这 种 图 
像 由 主 图 像 和 次 图 像 组 成 ， 如 图 4-60 所 示 。 


EE [上 而 志 - 司 


主 图 像 次 图 像 
4-60 ”鼠标 经 过 图 像 


主 图 像 和 次 图 像 应 大 小 相同 , 如 果 不 同 ,Dreamweaver CS4 将 自动 调整 次 图 像 的 大 小 以 
匹配 主 图 像 。 

在 网 页 中 插入 鼠标 经 过 图 像 的 方法 如 下 : 

(1) 将 鼠标 指针 置 于 需要 插入 鼠标 经 过 图 像 的 位 置 。 

(2) 选择 “插入 ”一 “图 像 对 象 ”一 “鼠标 经 过 图 像 ”命令 ， 弹 出 “插入 鼠标 经 过 图 
像 ” 对 话 框 ， 如 图 4-61 所 示 。 


所 玉民 称 绎 过 图 你 


4-61 “插入 鼠标 经 过 图 像 ” 对 话 框 
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(3) 在 “图 像 名 称 ” 文 本 框 中 输入 鼠标 经 过 图 像 的 名 称 。 

(4) 在 “原始 图 像 ” 文 本 框 中 输入 主 图 像 所 在 的 路 径 ， 也 可 以 单 击 其 右 侧 的 按钮 ， 在 
弹出 的 相应 对 话 框 中 进行 选择 。 

(5) 在 “鼠标 经 过 图 像 ” 文本 框 中 输入 次 图 像 所 在 的 路 径 ， 也 可 以 单 击 其 右 侧 的 按钮 ， 
在 弹出 的 相应 对 话 框 中 进行 选择 。 

(6) 在 “替换 文本 ”文本 框 中 输入 替换 文本 。 

(7) 在 “ 按 下 时 ， 前 往 的 URL” 文 本 框 中 输入 单 击 该 图 像 时 所 链接 到 的 文件 的 路 径 。 

(8) 单 击 “确定 ”按钮 ， 完 成 鼠标 经 过 图 像 的 插入 。 

(9) 按 F12 键 ， 在 浏览 器 中 预览 效果 。 


4.5.2 ”设置 图 像 属 性 


插入 图 像 后 可 根据 网 页 的 需要 对 其 进行 编辑 操作 ， 包 括 更 改 图 像 的 大 小 、 为 图 像 添加 
边框 、 裁 前 图 像 、 调 整 图 像 的 亮度 和 对 比 度 以 及 锐 化 图 像 等 。 


1. 更 改 图 像 的 大 小 

对 图 像 大 小 进行 更 改 的 操作 步骤 如 下 : 

(1) 选中 图 像 ， 在 其 底部 、 右 侧 及 右 下 角 将 出 现 控制 点 。 

(2) 然后 将 鼠标 指针 置 于 控制 点 上 ， 任 意 拖 动 鼠标 就 可 以 更 改 图 像 的 大 小 。 


(3) 可 以 在 属性 面板 的 “高 ”“ 宽 ”文本 框 中 输入 数值 直接 更 改 图 像 的 大 小 ， 如 
图 4-62 所 示 。 


福 广 件 (8) inuee/yineren jpe 6y 站 普 换 吕 
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如 9 口 几 国 中 汪 
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图 4-62 通过 属性 面板 更 改 图 像 的 大 小 
2. 为 图 像 添加 边框 
用 户 可 以 为 网 页 中 的 图 像 添加 边框 ， 以 达到 美化 图 像 的 目的 。 为 图 像 添加 边框 的 操作 
步骤 如 下 : 
(1) 选中 要 添加 边框 的 图 像 。 


(2) 在 属性 面板 的 “边框 ”文本 框 中 输入 图 像 边 框 的 宽度 值 。 
(3) 按 Fl12 键 ， 在 浏览 器 中 预览 效果 ， 如 图 4-63 所 示 。 


图 4-63 ”添加 边框 的 图 像 
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3. 裁剪 图 像 


当 在 网 页 中 插入 的 图 像 不 合适 时 ， 可 以 使 用 Dreamweaver CS4 提供 的 裁剪 图 像 功能 对 
其 进行 裁剪 ， 操 作 步 又 如 下 : 

(1) 选中 要 裁剪 的 图 像 。 

(2) 单 击 属性 面板 中 的 “裁剪 ”按钮 寺 ， 在 其 四 周 将 出 现 一 个 裁剪 控制 框 ， 如 图 4-64 
所 示 。 
(3) 将 鼠标 指针 指向 控制 点 上 拖 动 鼠标 可 以 改变 裁剪 框 的 大 小 ， 将 鼠标 指针 移 到 裁剪 
框 中 拖 动 鼠标 可 以 移动 裁剪 框 的 位 置 。 


= 现代 按 漆 教学 部 ] 
图 4-64 图 像 裁剪 框 图 4-65 ”裁剪 图 像 
4. 调整 图 像 的 亮度 和 对 比 度 
在 Dreamweaver 中 , 可 以 像 在 Photoshop、Fireworks 等 图 像 处 理 软 件 中 一 样 方便 地 调整 
图 像 的 亮度 和 对 比 度 ， 操 作 步 骤 如 下 : 
(1) 选中 要 调整 亮度 和 对 比 度 的 图 像 。 
(2) 单 击 属性 面板 中 的 “亮度 和 对 比 度 ” 按 钮 ， 弹 出 “亮度 /对 比 度 ”对 话 框 ， 如 
图 4-66 所 示 。 
(3) 在 其 中 设置 亮度 和 对 比 度 ， 单 击 “确定 ”按钮 ， 即 可 改变 图 像 的 亮度 和 对 比 度 。 
5. 锐 化 图 像 
通过 扫描 得 到 的 图 像 ， 其 边缘 常常 是 模糊 的 ， 用 户 可 以 通过 Dreamweaver 提供 的 锐 化 
图 像 功 能 提高 图 像 的 质量 。 锐 化 图 像 的 操作 步骤 如 下 : 
(1) 选中 要 锐 化 的 图 像 。 
(2) 单 击 属性 面板 中 的 “ 锐 化 ”按钮 ， 弹 出 “ 锐 化 ”对 话 框 ， 如 图 4-67 所 示 。 


图 4-66 “亮度 /对 比 度 ” 对 话 框 图 4-67 “ 锐 化 ”对 话 框 


(3) 调整 的 值 越 大 ， 锐 化 程度 就 越 大 。 
(4) 单 击 “ 确 定 ”按钮 ， 结 束 锐 化 操作 。 


4.5.3 ”创建 图 像 地 图 


图 像 地 图 就 是 在 一 幅 图 像 中 创建 多 个 链接 区 域 ， 单 击 链接 区 域 可 以 跳 转 到 链接 对 象 中 ， 
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这 种 链接 区 域 也 称 为 热点 。 选 择 需 要 创建 链接 区 域 的 图 像 ， 打 开 图 片 属性 面板 ， 其 中 的 热 
点 工具 如 图 4-68 所 示 。 


地 图 mi 一 | 一 地 图 名 称 
指针 热点 工具 -十 芋 ] 让 而 可 | 一 多 边 形 热点 工具 


矩形 热点 工具 椭圆 形 热点 工具 


图 4-68 热点 工具 


在 “地 图 ”文本 框 中 可 以 设置 图 像 地 图 的 名 称 。 可 以 创建 矩形 热点 、 椭 圆 热 点 和 多 边 
形 热点 ， 如 图 4-69 所 示 。 


图 4-69 ”创建 图 像 地 图 


使 用 指针 热点 工具 选中 图 像 热点 后 ， 在 属性 面板 中 将 显示 热点 的 相关 属性 ， 可 选择 热 
点 的 链接 文件 、 链 接 网 页 的 打开 方式 以 及 热点 的 替代 信息 ， 如 图 4-70 所 示 。 


属性 
起点 名 按 册 ) © 加 
图 目标 四 ) 区 | 名 
地 图 Np 
EDDS 


图 4-70 热点 属性 面板 
4.6 建立 网 页 链接 


超 链接 是 指 从 一 个 网 页 指向 一 个 目标 的 连接 关系 ， 这 个 目标 可 以 是 另 一 个 网 页 ， 也 可 
以 是 同一 网 页 上 的 不 同位 置 ， 还 可 以 是 一 张 图 片 、 一 个 电子 邮件 地 址 甚至 一 个 应 用 程序 。 

1. 链接 的 类 型 

如 果 按 链接 目标 分 类 ， 可 以 将 超 链接 分 为 内 部 超 链接 、 外 部 超 链接 、 锚 点 超 链接 和 电 
子 邮 件 超 链 接 。 

@ ”内 部 超 链接 : 同一 网 站 文档 之 间 的 链接 。 

@ 外 部 超 链接 : 不 同 网 站 文档 之 间 的 链接 。 

@ 锚 点 超 链接 : 同一 网 页 或 不 同 网 页 中 指定 位 置 的 链接 。 

在 网 页 中 超 链 接 一 般 分 为 文字 超 链 接 、 锚 点 超 链 接 、 电 子 邮 件 超 链接 和 图 像 热点 超 链 
接 等 几 种 类 型 。 

2. 链接 路 径 


了 解 从 作为 链接 起 点 的 文档 到 作为 链接 目标 的 文档 之 间 的 文件 路 径 对 于 创建 链接 至 关 
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重要 。 每 个 网 页 都 有 一 个 唯一 的 地 址 ， 称 作 统 一 资源 定位 器 (CURL)。 不 过 ， 当 创建 本 地 链 
接 〈 即 从 一 个 文档 到 同一 站 点 上 另 一 个 文档 的 链接 ) 时 ， 通 常 不 指定 要 链接 到 的 文档 的 完整 
URL， 而 是 指定 一 个 从 当前 文档 或 站 点 根 文件 夹 的 相对 路 径 。 有 以 下 3 种 类 型 的 链接 路 径 。 
(1) 绝对 路 径 
绝对 路 径 为 文件 提供 完全 的 路 径 ， 包 括 适 用 的 协议 ， 如 http://www.haut.edu.cn。 
(2) 相对 路 径 
相对 路 径 最 适合 网 站 的 内 部 链接 。 如 果 链 接 到 同一 目录 下 ， 则 只 需要 输入 要 链接 文件 
的 名 称 。 要 链接 到 下 一 级 目录 中 的 文件 ， 只 需要 输入 目录 名 ， 然 后 输入 “/”， 再 输入 文件 名 。 
如 链接 到 上 一 级 目录 中 的 文件 ， 则 先 输入 “../”， 再 输入 目录 名 、 文 件 名 。 
文档 相对 路 径 对 于 大 多 数 Web 站 点 的 本 地 链接 来 说 ， 是 最 适用 的 路 径 。 在 当前 文档 与 
所 链接 的 文档 处 于 同一 文件 夹 内 ， 而 且 可 能 保持 这 种 状态 的 情况 下 ， 文 档 相 对 路 径 特别 有 
用 。 文 档 相 对 路 径 还 可 用 来 链接 到 其 他 文件 夹 中 的 文档 ， 方 法 是 利用 文件 夹层 次 结构 ， 指 
定 从 当前 文档 到 所 链接 的 文档 的 路 径 。 
文档 相对 路 径 的 基本 思想 是 省 略 对 于 当前 文档 和 所 链接 的 文档 都 相同 的 绝对 URL 部 
分 ， 而 只 提供 不 同 的 路 径 部 分 。 
(3) 根 路 径 
根 路 径 是 指 从 站 点 根 文件 夹 到 被 链接 文档 经 由 的 路 径 ， 以 前 斜 枉 开 头 ， 例 如 ， 
/zhuren/zhuren.html 就 是 站 点 根 文件 夹 下 的 zhuren 子 文件 夹 中 的 一 个 文件 (zhuren.html) 的 
根 路 径 ， 如 图 4-71 所 示 。 
车 文 人 
日 加 站 点 - xdjs (F:\xdjs) 
加 enalish 


由 -加 err 

田 - 回 inage 

BD jgsrz 

日 -加 zharen 
加 _inmage 
到 
二 index. htm li 
十 nystyle. ess 1 
司 Untitled-l. htnl 31B 
图 4-71 根 文件 夹 

4.6.1 创建 文字 超 链接 
为 文本 添加 超 链接 的 操作 步骤 如 下 : 


(1) 选中 要 创建 超 链接 的 文本 ， 如 “现代 技术 教学 部 ”。 

(2) 在 属性 面板 的 “链接 ”下 拉 列 表 框 中 输入 要 链接 网 页 的 地 址 ， 如 图 4-72 所 示 。 
(3) 在 “目标 ”下 拉 列 表 框 中 设置 链接 网 页 在 浏览 器 中 的 打开 方式 。 

(4) 按 F12 键 测试 超 链接 的 效果 。 
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4.6.2 ”创建 图 像 超 链 接 


4-72 ”创建 文字 超 链 接 


为 图 像 添 加 超 链 接 的 操作 步骤 如 下 : 
(1) 选中 要 创建 超 链接 的 图 像 。 
(2) 在 属性 面板 的 “链接 ”文本 框 中 输入 要 链接 网 页 的 地 址 ， 如 图 4-73 所 示 。 
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4-73 ”创建 图 像 超 链接 
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(3) 在 “目标 ”下 拉 列 表 框 中 设置 链接 网 页 在 浏览 器 中 的 打开 方式 。 
(4) 按 F12 键 测试 超 链接 效果 。 


4.6.3 创建 锚 点 超 链接 


当 一 个 网 页 的 内 容 过 多 而 无 法 一 屏 显示 时 ， 为 了 方便 访问 者 浏览 ， 需 要 在 同一 网 页 内 
部 建立 超 链接 ， 即 创建 锚 点 超 链 接 。 创 建 锚 点 超 链接 的 操作 步骤 如 下 : 

(1) 将 鼠标 指针 定位 到 要 创建 锚 点 链接 的 位 置 。 

(2) 单 击 “ 揪 入 ” 栏 的 “常用 ”选项 卡 中 的 “命名 锚 记 ”按钮 ， 如 图 4-74 所 示 ， 弹 出 
“命名 锚 记 ”对 话 框 ， 如 图 4-75 所 示 。 


Ir 
图 4-74 “命名 锚 记 ”按钮 图 4-75 “命名 锚 记 ”对 话 框 


(3) 在 “ 锚 记 名 称 ” 文 本 框 中 输入 锚 记 的 名 称 ， 如 “jszx”。 
(4) 单 击 “ 确 定 ”按钮 ， 则 在 页 面 中 插入 了 锚 记 ， 如 图 4-76 所 示 。 
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图 4-76 插入 锚 记 
(5) 在 页 面 中 选择 要 设置 锚 点 超 链接 的 文本 。 
(6) 拖 动 属性 面板 中 的 “指向 文件 ”图 标 到 所 要 链接 的 锚 记 上 ， 则 在 “链接 ”下 拉 列 
表 框 中 将 出 现 锚 记 名 称 ， 并 在 其 之 前 添加 “#” 号 ， 如 图 4-77 所 示 。 
(7) 按 F12 键 测试 锚 点 超 链接 的 效果 。 
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4-77 指向 锚 记 


4.6.4 创建 电子 邮件 超 链 接 


将 插入 点 放 在 希望 出 现 电子 邮件 超 链接 的 位 置 ， 或 者 选中 作为 电子 邮件 超 链接 出 现 的 
文本 或 图 像 ， 选 择 “ 插 入 ”一 “电子 邮件 链接 ”命令 (或 者 在 “插入 ” 栏 的 “常用 ”选项 
卡 中 单 击 “ 电 子 邮 件 链接 ”按钮 )， 弹 出 “电子 邮件 链接 ”对 话 框 ， 如 图 4-78 所 示 。 在 “ 文 
本 ”文本 框 中 输入 创建 电子 邮件 超 链 接 的 文字 ， 如 “计算 中 心 ” 在 E-Mail 文本 框 中 输入 邮 
件 地 址 ， 如 “jszx@haut.edu.cn”， 最 后 单 击 “ 确 定 ” 按 钮 即 可 。 


昌 了 好 入 链接 


图 4-78 “电子 邮件 链接 ”对 话 框 


电子 邮件 超 链接 创建 完成 后 ， 选 中 该 超 链接 ,可 在 其 属性 面板 中 对 其 进行 编辑 。“ 链 接 ” 
文本 框 中 内 容 为 “mailto: jszx@haut.edu.cn”。 


4.7 表格 处 理 


表格 是 网 页 设计 制作 不 可 缺少 的 元 素 ， 它 以 简洁 明了 和 高 效 快捷 的 方式 将 图 片 、 文 本 、 
数据 和 表单 的 元 素 有 序 地 显示 在 页 面 上 ， 让 用 户 可 以 设计 出 漂亮 的 页 面 。 虽 然 一 般 用 户 在 
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浏览 网 页 时 并 没有 看 到 什么 表格 ， 而 实际 上 绝 大 多 数 的 网 页 都 是 采用 无 边框 的 表格 来 实现 
的 (如 图 4-79 所 示 )。 使 用 表格 排版 的 页 面 在 不 同 平台 、 不 同 分 辨 率 的 浏览 器 中 都 能 保持 其 
原 有 的 布局 ， 而 在 不 同 的 浏览 器 平台 有 较 好 的 兼容 性 ， 所 以 表格 是 网 页 中 最 常用 的 排版 广 
Ed 


州 工程 学院 教务 处 ， 现 为 现 人 持 二 
尝 委 于 和 机 专业 《计划 机 六 化 基 


图 4-79 无 边框 表格 布局 网 页 
4.7.1 插入 表格 
定位 插入 点 ， 然 后 单 击 “ 常 用 ”选项 卡 中 的 “表格 ”按钮 ， 或 者 选择 “插入 ”一 “ 表 


格 ” 命 令 ， 弹 出 “表格 ”对 话 框 ， 如 图 4-80 所 示 。 设 置 好 所 需 参数 后 ， 单 击 “确定 ”按钮 
即 可 插入 一 个 表格 。 


4-80 “表格 ”对 话 框 


“表格 ”对 话 框 中 各 参数 的 含义 如 下 。 
@ 行 数 : 设置 表格 的 行 数 。 
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列 数 : 设置 表格 的 列 数 。 

表格 宽度 : 设置 表格 的 宽度 ， 可 以 填 入 数值 ， 紧 随 其 后 的 下 拉 列 表 框 用 来 设置 宽 

度 的 单位 ， 有 两 个 选项 ， 分 别 为 百分比 和 像素 。 当 宽度 的 单位 选择 百分比 时 ， 表 

格 的 宽度 会 随 浏 览 器 窗口 大 小 的 改变 而 改变 。 

边框 粗细 : 设置 表格 边框 的 宽度 ,以 像素 为 单位 ,默认 为 1。 数 值 越 大 ,边框 越 粗 。 

单元 格 边 距 : 设置 单元 格 的 边框 与 单元 格 中 内 容 之 间 空 白 的 大 小 。 

单元 格 间距 : 设置 单元 格 与 单元 格 之 间 的 间隔 大 小 。 

标题 : 用 于 设置 表格 的 标题 ， 有 如 下 4 个 选项 。 

回 无: 对 表格 不 启用 列 或 行 标题 。 

回 左 : 可 以 将 表格 的 第 一 列 作为 标题 列 ， 以 便 可 为 表格 中 的 每 一 行 输入 一 个 
标题 。 

回 顶部， 可 以 将 表格 的 第 一 行 作为 标题 行 ， 以 便 可 为 表格 中 的 每 一 列 输 入 一 个 
标题 。 

回 ”两 者 ; 能够 在 表格 中 输入 列 标题 和 行 标题 。 

辅助 功能 标题 : 提供 一 个 显示 在 表格 外 的 表格 标题 。 

辅助 功能 摘要 : 给 出 表格 的 说 明 。 屏 幕 阅读 器 可 以 读 取 摘 要 文本 ， 但 是 该 文本 不 

会 显示 在 用 户 的 浏览 器 中 。 


表格 创建 好 后 就 可 在 表格 中 添加 内 容 。 在 Dreamweaver 中 可 向 单元 格 内 直接 输入 文字 、 
插入 图 像 ， 或 者 将 其 他 文档 中 的 文字 粘贴 到 单元 格 中 。 在 表格 中 按 Tab 键 ， 鼠 标 光标 可 移 
动 到 下 一 个 单元 格 ， 按 Shift+Tab 组 合 键 ， 则 鼠标 光标 可 移动 到 上 一 个 单元 格 。 


4.7.2 ”表格 的 基本 操作 


1 


选中 表格 


要 对 表格 进行 设置 ， 首 先 必 须 先 选中 表格 ， 要 选择 整个 表格 ， 可 执行 以 下 操作 之 一 。 


2 


单 击 表格 边框 的 任意 处 ， 当 整个 表格 出 现 编辑 点 ， 即 选中 整个 表格 。 

在 表格 内 任意 处 单 击 ， 然 后 在 标签 选择 器 中 单 击 <table> 标 签 。 

在 单元 格 任意 处 单 击 鼠 标 右键 ， 将 弹出 的 快捷 菜单 中 选择 “表格 ”一 “选择 表格 ” 
命令 。 


设置 表格 属性 


当 在 “设计 ”视图 中 对 表格 进行 格式 设置 时 ， 可 以 设置 整个 表格 或 表格 中 所 选 行 、 列 
或 单元 格 的 属性 。 如 果 将 整个 表格 的 某 个 属性 〈 如 背景 颜色 或 对 齐 ) 设置 为 一 个 值 ， 而 将 
单个 单元 格 的 属性 设置 为 另 一 个 值 ， 则 单元 格格 式 设置 优先 于 行 格式 设置 ， 行 格式 设置 又 
优先 于 表格 格式 设置 。 

表格 格式 设置 的 优先 级 别 由 高 到 低 的 顺序 为 : 单元 格 一 行 数 一 表格 。 

直接 插入 的 表格 不 一 定 能 满足 用 户 的 需要 ， 通 常 需 要 进一步 进行 设置 。 选 中 表格 后 可 
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以 在 属性 面板 对 其 进行 设置 ， 如 图 4-81 所 示 。 
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4-81 表格 的 属性 面板 


表格 的 属性 面板 中 各 参数 的 含义 如 下 。 

@ 表格 ID: 设置 表格 的 ID， 也 就 是 表格 的 名 称 。 

@ 行 和 列 : 设置 表格 中 行 和 列 的 数目 。 

@ 宽 : 设置 表格 的 宽 。 是 以 像素 为 单位 或 按 占 浏览 器 窗口 宽度 的 百分比 计算 的 表格 
宽度 和 高 度 。 

@ 填充; 设置 单元 格 内 容 和 单元 格 边 框 之 间 的 像素 数 。 

间距 : 设置 相 邻 的 单元 格 之 间 的 像素 数 。 

对 齐 : 确定 表格 相对 于 同一 段落 中 其 他 元 素 〈 如 文本 或 图 像 ) 的 显示 位 置 ， 可 选 

择 左 对 齐 、 居 中 对 齐 或 者 右 对 齐 。 

@ 边框 : 设置 表格 的 边框 宽度 ， 以 像素 为 单位 。 


人 @) 注意 : 如 果 没 有 明确 指定 边框 、 单 元 格 间距 和 单元 格 边 距 的 值 ， 则 大 多 数 浏览 器 按 边 框 


和 单元 格 边 距 均 设置 为 1 且 单元 格 间距 设置 为 2 显示 表格 。 若 要 确保 浏览 器 不 显 
示 表 格 中 的 边 距 和 间距 ， 可 以 将 边框 、 单 元 格 边 距 和 单元 格 间距 都 设置 为 0。 


类 : 对 该 表格 设置 一 个 CSS 类 。 

清除 列 宽 和 清除 行 高 : 从 表格 中 删除 所 有 明确 指定 的 行 高 或 列 宽 。 

将 表格 宽度 转换 成 像素 和 将 表格 高 度 转 换 成 像素 : 将 表格 中 每 列 的 宽度 或 高 度 设 
置 为 以 像素 为 单位 的 当前 宽度 〈 还 将 整个 表格 的 宽度 设置 为 以 像素 为 单位 的 当前 
宽度 )。 

将 表格 宽度 转换 成 百分比 和 将 表格 高 度 转换 成 百分比 : 将 表格 中 每 个 列 的 宽度 或 
高 度 设置 为 按 占 文档 窗口 宽度 的 百分比 表示 的 当前 宽度 〈 还 将 整个 表格 的 宽度 设 
置 为 按 占 文档 窗口 宽度 的 百分比 表示 的 当前 宽度 )。 
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4.7.3” 行 / 列 /单元 格 的 基本 操作 


只 要 选中 表格 中 的 某 个 单元 格 ， 就 可 以 在 属性 面板 中 设置 单元 格 的 属性 。 单 元 格 属性 
面板 可 分 为 两 部 分 内 容 , 如 图 4-82 和 图 4-83 所 示 。 上 半 部 分 用 于 设置 单元 格 中 文本 的 属性 ， 


类 似 文本 的 属性 面板 ， 下 半 部 分 用 于 设置 单元 格 的 属性 。 


[<> mu] 格式 旭 县 和 Ml EE3 BI 丘 丘 本 可 帮 是 

bos | DO us] WV M89D 上 @ 

国 车 格 水 平 Cj 人， [| 寅 四 FM DD RR ©) |, ser 
一 口 六 各 DR vj 而 标题 @) 口 


到 和 水 平 名 默认 x) EO 二 执行 口 ”至 最 颜色 @) [| 37FFFFF 
一 口 北 全 ODS vj 高 如 标题 E) 口 


4-83 单元 格 的 属性 面板 〈CSS 方式 ) 
单元 格 属性 面板 中 各 参数 的 含义 如 下 。 


@ 。 水平; 指定 单元 格 、 行 或 列 内 容 的 水 平 对 齐 方式 。 可 以 将 内 容 对 齐 到 单元 格 的 左 
侧 、 右 侧 或 使 其 居中 对 齐 ， 也 可 以 指示 浏览 器 使 用 其 默认 的 对 齐 方式 〈 通 常常 规 


单元 格 为 左 对 齐 ， 标 题 单元 格 为 居中 对 齐 )。 


@ 垂直 : 指定 单元 格 、 行 或 列 内容 的 垂直 对 齐 方式 。 可 以 将 内 容 对 齐 到 单元 格 的 项 
端 、 中 间 、 底 部 或 基线 ， 或 者 指示 浏览 器 使 用 其 默认 的 对 齐 方式 〈 通 常 是 中 间 )。 
@ 。 宽 和 高 : 所 选单 元 格 的 宽度 和 高 度 ， 以 像素 为 单位 或 按 整个 表格 宽度 或 高 度 的 百 
分 比 指定 。 若 要 指定 百分比 ， 则 在 值 后 面 使 用 百分比 符号 〈%)。 若 要 让 浏览 器 根 


据 单 元 格 的 内 容 以 及 其 他 列 和 行 的 宽度 和 高 度 确定 适当 的 宽度 或 高 度 ， 可 将 此 区 


域 留 空 (默认 设置 )。 默 认 情 况 下 ， 浏 览 器 选择 行 高 和 列 宽 的 依据 是 能 够 在 列 中 容 


纳 最 宽 的 图 像 或 最 长 的 行 。 


Ah) 注意 : 可 以 按 占 表格 总 高 度 的 百分比 指定 一 个 高 度 , 但 是 浏览 器 中 的 行 可 能 不 以 指定 的 


百分比 高 度 显示 。 


背景 颜色 : 使 用 颜色 选择 器 选择 的 单元 格 、 列 或 行 的 背景 颜色 。 
边框 : 单元 格 的 边框 颜色 (“页面 属 性 ”按钮 )。 


形 或 直线 的 块 时 才 可 以 合并 这 些 单元 〈“ 页 面 属 性 ”按钮 )。 


如 果 选 择 的 单元 格 多 于 一 个 ， 则 此 按钮 将 禁用 (“页面 属性 ”按钮 )。 


合并 单元 格 : 将 所 选 的 单元 格 、 行 或 列 合 并 为 一 个 单元 格 。 只 有 当 单元 格 形成 矩 
拆 分 单元 格 : 将 一 个 单元 格 分 成 两 个 或 更 多 个 单元 格 。 一 次 只 能 拆 分 一 个 单元 格 ; 


不 换行 : 防止 换行 ， 从 而 使 给 定单 元 格 中 的 所 有 文本 都 在 一 行 上 。 如 果 选 中 “不 


换行 ” 复 选 框 ， 则 当 输 入 数据 或 将 数据 粘贴 到 单元 格 时 单元 格 会 加 宽 来 容纳 所 有 
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数据 通常， 单元 格 在 水 平方 向 扩展 以 容纳 单元 格 中 最 长 的 单词 或 最 宽 的 图 像 ， 
然后 根据 需要 在 垂直 方向 进行 扩展 以 容纳 其 他 内 容 )。 

@ 标题: 将 所 选 的 单元 格格 式 设置 为 表格 标题 单元 格 。 默 认 情况 下 ， 表 格 标题 单元 
格 的 内 容 为 粗 体 并 且 居中 。 


4.7.4 表格 的 高 级 操作 


1. 选中 行 

要 选择 某 一 行 或 某 一 列 ， 将 鼠标 光标 移动 到 行 左 侧 或 列 上 方 ， 鼠 标 指针 变 为 向 右 或 向 
下 的 箭头 图 标 时 单 击 ， 就 可 选中 整 行 或 整 列 。 另 外 ， 在 标签 选择 器 中 单 击 <tr> 标 签 ， 就 可 以 
选择 一 整 行 。 

2. 选中 列 


要 选中 某 一 单元 格 , 可 单 击 需 要 选中 的 单元 格 即 可 ,或 者 在 标签 选择 器 中 单 击 <td> 标 签 。 
要 选中 连续 的 单元 格 ， 按 住 鼠 标 左 键 从 一 个 单元 格 的 左上 方 开始 向 连续 选择 单元 格 的 方向 
拖 动 即 可 ， 要 选中 不 连续 的 几 个 单元 格 ， 可 以 按 住 Ctrl 键 ， 连 续 单 击 要 选择 的 所 有 单元 格 。 
另外 ， 先 单 击 一 个 单元 格 ， 然 后 按 住 Shift 键 再 单 击 另 一 个 单元 格 ， 则 由 这 两 个 单元 格 组 成 
的 矩形 区 域 里 的 所 有 单元 格 被 选中 。 


3. 插入 行 或 列 


若 要 在 所 需 位 置 插入 一 行 〈 或 一 列 )， 则 将 鼠标 光标 定位 在 需要 插入 行 〈 或 列 ) 的 单元 
格 内 ， 然 后 选择 “插入 ”一 “表格 对 象 ”一 “在 上 面 插入 行 ”( 或 “在 下 面 插入 行 和 “在 左 
边 插 入 列 ”“ 在 右边 插入 列 ”) 命令 ， 可 插入 指定 的 行 或 列 。 

将 鼠标 光标 定位 在 表格 中 ， 选 择 “ 修 改 ” 一 “表格 ”一 “插入 行 ”命令 ， 会 在 当前 行 
的 上 面 插入 一 行 。 

将 鼠标 光标 定位 在 表格 中 ， 选 择 “ 修 改 ” 一 “表格 ”一 “插入 列 ” 命 令 , 会 在 当前 列 的 
左 侧 插 入 一 列 。 

如 果 要 添加 多 行 ( 列 )， 则 将 光标 定位 在 某 一 单 
元 格 中 ， 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “表格 ”一 
“插入 行 或 列 ” 命令， 弹出 如 图 4-84 所 示 的 “插入 行 
或 列 ” 对 话 框 ， 设 置 好 所 有 内 容 ， 单 击 “ 确 定 ” 按 钮 
完成 插入 。 


4. 删除 行 、 列 


选中 整 行 或 整 列 后 ， 按 Delete 键 即 可 删除 ， 或 者 选中 整 行 〈 或 整 列 )， 单 击 鼠 标 右键 ， 
在 弹出 的 快捷 菜单 中 选择 “表格 ”一 “删除 行 ”( 或 “删除 列 ”) 命令 即 可 删除 该 行 或 列表 
格 。 要 删除 整 张 表格 先 要 选中 表格 ， 然 后 按 Delete 键 删除 。 


4-84 “插入 行 或 列 ” 对 话 框 
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5. 拆 分 单元 格 


选中 要 拆 分 的 单元 格 ， 然 后 选择 “修改 ”一 “表格 ”一 “ 拆 分 单元 格 ”命令 ， 弹 出 如 
图 4-85 所 示 的 “ 拆 分 单元 格 ” 对 话 框 ， 可 选择 拆 分 
为 行 或 者 列 ， 并 输入 行 数 或 者 列 数 ， 单 击 “ 确 定 ” 按 
钮 ， 即 可 完成 对 单元 格 的 拆 分 。 同 样 也 可 以 在 选中 单 
元 格 的 状态 下 ， 通 过 表格 属性 面板 中 的 “ 拆 分 ”按钮 
来 拆 分 单元 格 。 

6， 合并 单元 格 图 4-85 “ 拆 分 单元 格 ” 对 话 框 


选中 行 或 列 中 连续 的 单元 格 ， 然 后 选择 “修改 ”一 “表格 ”一 “合并 单元 格 ” 命 令 ， 
多 个 单元 格 就 合并 为 一 个 单元 格 。 合 并 前 各 单元 格 的 内 容 将 放置 在 合并 后 的 单元 格 中 ， 所 
选 的 第 一 个 单元 格 的 属性 将 应 用 于 合并 的 单元 格 。 也 可 以 在 选中 单元 格 的 状态 下 ， 通 过 表 
格 属性 面板 中 的 “合并 ”按钮 来 合并 单元 格 。 


4.8 CSS 样式 表 


CSS 样式 〈 层 登 样 式 表 ) 是 一 系列 格式 设置 规则 ， 它 们 控制 Web 页 面 内 容 的 外 观 。 使 
用 CSS 设置 页 面 格式 时 ， 是 将 内 容 与 表现 形式 分 开 。 页 面 内 容 〈 即 HTML 代码 ) 驻 留 在 
HTML 文件 自身 中 , 而 用 于 定义 代码 表现 形式 的 CSS 规则 驻 留 在 另 一 个 文件 (外 部 样式 表 ) 
或 HTML 文档 的 另 一 部 分 (通常 为 文件 头 部 分 ) 中 。 使 用 CSS 可 以 非常 灵活 并 更 好 地 控制 
具体 的 页 面 外 观 〈 从 精确 的 布局 定位 到 特定 的 字体 和 样式 )。 

CSS 格式 设置 规则 由 两 部 分 组 成 ， 即 选择 器 和 声明 。 选 择 器 是 标识 格式 元 素 的 术语 (如 
p、hl、 类 名 或 id)， 声 明 用 于 定义 元 素 样式 。 在 下 面 的 示例 中 ，hl 是 选择 器 ， 大 括号 之 间 
的 所 有 内 容 都 是 声明 : 


pt{ 

FONT-FAMILY: "宋体 "; 
FONT-SIZE: 14px; 

3 


声明 由 两 部 分 组 成 ， 分 别 为 属性 (如 FONTFAMILY) 和 值 (如 "宋体 ")。 上 面 的 CSS 
规则 为 p 标签 创建 了 一 个 特定 的 样式 : 链接 到 此 样式 的 所 有 p 标签 的 文本 都 将 是 14 个 像素 
大 小 、 宋 体 。 
4.8.1 创建 CSS 样式 表 


创建 新 的 CSS 样式 表 的 步骤 如 下 : 
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(1) 选择 “窗口 ”一 “CSS 样式 ”命令 ,打开 “CSS 样式 ”面板 ， 如 图 4-86 所 示 ， 单 
击 右 下 角 的 “新 建 CSS 规则 ”按钮 ， 打 开 “ 新 建 CSS 规则 ”对 话 框 ， 如 图 4-87 所 示 。 
EF Se | 


连 择 署 关 型- 
为 CSs 规则 选择 上 下 文选 择 器 闫 型 . 
美 (可 应 用 于 任何 JIL 元 素 ) 


运 择 器 名称- 
和 至 或 销 入 选择 器 名 秘 - 


Ee 人 7 


4-86 “CSS 样式 ”面板 4-87 “新 建 CSS 规则 ”对 话 框 


(2) 在 “新 建 CSS 规则 ”对 话 框 中 ， 指 定 要 创建 的 CSS 规则 的 选择 器 类 型 。 

@ ” 若 要 创建 一 个 可 作为 class 属性 应 用 于 任何 HTML 元 素 的 自 定义 样式 ， 从 “选择 器 
类 型 ”下 拉 列 表 框 中 选择 “类 ”选项 ， 然 后 在 “选择 器 名 称 ” 文 本 框 中 输入 样式 
的 名 称 。 

@ 。 若 要 定义 包含 特定 ID 属性 的 标签 的 格式 ， 可 从 “选择 器 类 型 ”下 拉 列 表 框 中 选择 
ID 选项 ， 然 后 在 “选择 器 名 称 ” 文 本 框 中 输入 唯一 ID。 

@ 若 要 重新 定义 特定 HTML 标签 的 默认 格式 ， 可 从 “选择 器 类 型 ”下 拉 列 表 框 中 选 
择 “ 标 签 ” 选 项 ， 然 后 在 “选择 器 名 称 ” 文 本 框 中 输入 HTML 标签 或 从 下 拉 列 表 
框 中 选择 一 个 标签 。 

@ 若 要 定义 同时 影响 两 个 或 多 个 标签 、 类 或 ID 的 复合 规则 ， 则 选择 “复合 内 容 ” 选 
项 并 输入 用 于 复合 规则 的 选择 器 。 例 如 ， 如 果 输 入 “div p”， 则 div 标签 内 的 所 有 
p 元 素 都 将 受 此 规则 影响 。 在 中 间 的 列表 框 中 会 准确 说 明 添加 或 删除 选择 器 时 该 规 
则 将 影响 哪些 元 素 ， 如 图 4-88 所 示 。 


选择 器 类 型 - 
为 CSS 规则 选择 上 下 文思 择 回 英 型 


复合 内 容 (基于 位 的 内 容 ) 


图 4-88 “复合 内 容 ” 选 项 
(3) 选择 要 定义 规则 的 位 置 ， 然 后 单 击 “确定 ”按钮 。 
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@ 。 若 要 将 规则 放置 到 已 附加 到 文档 的 样式 表 中 ， 则 选择 相应 的 样式 表 。 

@ 。 若 要 创建 外 部 样式 表 ， 则 选择 “新 建 样式 表 文件 ”选项 。 

@ 若 要 在 当前 文档 中 嵌入 样式 ， 则 选择 “ 仅 对 该 文档 ”选项 。 

(4) 在 “CSS 规则 定义 ”对 话 框 中 选择 要 为 新 的 CSS 规则 设置 的 样式 选项 。 
(5) 完成 对 样式 属性 的 设置 后 ， 单 击 “ 确 定 ”按钮 。 


4.8.2 ”CSS 属性 设置 


创建 新 的 CSS 样式 表 之 后 , 可 以 定义 CSS 规则 的 属性 , 如 文本 字体 、 背景 图 像 和 颜色 、 
间距 和 布局 属性 以 及 列表 元 素 外 观 。 从 “CSS 样式 ”面板 中 选择 需要 重新 设置 的 CSS 样式 
后 , 单 击 面 板 右 下 侧 的 编辑 样式 按钮 , 可 打开 CSS 规则 定义 对 话 框 编辑 CSS 样式 , 如 图 4-89 
所 示 。 


图 4-89 “i 的 CSS 规则 定义 ”对 话 框 


在 “的 CSS 规则 定义 ”对 话 框 中 可 以 定义 CSS 的 类 型 、 背 景 、 区 块 、 方 框 、 边 框 、 
列表 、 定 位 和 扩展 等 属性 。 


A 注意 : 限于 篇 幅 ， 关 于 各 CSS 样式 属性 的 详细 说 明 ， 此 处 不 再 做 详细 说 明 ， 读 者 可 参 
考 Dreamweaver CS4 的 帮助 文档 。 


4.8.3 应 用 CSS 样式 


(1) 在 文档 中 ， 选 择 要 应 用 CSS 样式 的 文本 ， 然 后 将 插入 点 放 在 段落 中 ， 以 便 将 样式 
应 用 于 整个 段落 。 如 果 在 单个 段落 中 选择 一 个 文本 范围 ， 则 CSS 样式 只 影响 所 选 范围 。 若 
要 指定 要 应 用 CSS 样式 的 确切 标签 ， 可 在 位 于 文档 窗口 左下 角 的 标签 选择 器 中 选择 标签 。 

(2) 若 要 应 用 类 样式 ， 可 执行 下 列 操作 之 一 : 

@ 在 “CSS 样式 ”面板 (选择 “窗口 ”一 “CSS 样式 ”命令 打开 ) 中 ， 选 择 “ 全 部 ” 

模式 ， 右 击 要 应 用 的 样式 的 名 称 ， 然 后 从 弹出 的 快捷 菜单 中 选择 “应 用 ”命令 。 
@ 在 HTML 属性 检查 器 中 ， 从 “类 ”下 拉 列 表 框 中 选择 要 应 用 的 类 样式 。 
@ 在 文档 窗口 中 ， 右 击 所 选 文本 ， 在 弹出 的 快捷 菜单 中 选择 “CSS 样式 ”命令 ， 然 
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后 选择 要 应 用 的 样式 。 
。 选择 “格式 ”一 “CSS 样式 ”命令 ， 然 后 在 子 菜单 中 选择 要 应 用 的 样式 。 
4.9 误 入 表单 元 素 


表单 (Form) 是 一 种 常见 的 页 面 元 素 ， 它 一 般 用 来 实现 服务 器 与 用 户 之 间 的 交互 ， 有 
时 也 用 于 实现 某 些 动态 功能 (如 创建 能 响应 用 户 操作 的 按钮 )。 表 单 是 用 于 实现 网 页 浏览 者 
与 服务 器 之 间 信 息 交 互 的 一 种 页 面 元 素 , 在 WWW 上 它 被 广泛 用 于 各 种 信息 的 搜集 和 反馈 。 
例如 ， 图 4-90 所 示 网 页 中 显示 了 一 个 用 于 进行 电子 邮件 系统 登录 的 表单 (图 中 椭圆 形 标记 
的 位 置 )， 在 这 个 表单 中 ， 包 含 一 些 简单 的 文字 和 两 个 文本 框 ( 一 个 文本 框 和 一 个 密码 框 )， 
另外 还 有 一 个 “登录 ”按钮 ， 当 浏览 者 在 文本 框 中 填写 数据 后 单 击 “ 登录” 按钮 ， 则 填写 
的 内 容 将 被 传送 到 服务 器 ， 由 服务 器 进行 具体 的 处 理 ， 然 后 确定 下 一 步 的 操作 。 


\ 邮箱 登录 Locm / 


y Copyright @ 1999 - 2007 油 南 工业 太 学 All Rights Reserved \ 
图 4-90 表单 示例 


不 论 是 什么 类 型 的 表单 ， 它 的 基本 工作 原理 都 是 一 样 的 ， 那 就 是 访问 者 浏览 到 表单 页 
面 后 ,在 表单 中 填写 或 选择 必要 的 信息 ,最 后 单 击 “ 提 交 ” 按 钮 (按钮 名 称 可 能 是 “注册 ”、 
“同意 ””“ 登 录 ” 等 )， 然 后 填写 或 选择 的 信息 就 按照 设计 者 指定 的 方式 发 送 到 Web 服务 器 
端 ， 由 服务 器 端 特定 的 程序 进行 处 理 ， 之 后 通常 会 向 访问 者 返回 一 个 页 面 ， 以 对 用 户 提交 
的 信息 给 予 回 复 。 

处 理 表单 数据 通常 是 在 服务 器 端 ， 一 般 采 用 ASP 程序 或 PHP 等 脚本 程序 ， 也 可 以 使 用 
C# 等 编写 的 动态 链接 库 程序 。 如 果 用 户 的 需求 比较 简单 ， 可 以 申请 使 用 免费 的 表单 和 相应 
处 理 程序 ， 和 否则 就 需要 自行 编写 表单 处 理 程序 。 有 关 自 定义 表单 处 理 程序 的 详细 信息 ， 请 
参考 本 书 的 其 他 章节 内 容 。 

总 之 ， 表 单 不 同 于 前 面 介绍 的 页 面 元 素 〈 如 表格 、 图 像 等 )， 它 不 但 需要 在 网 页 中 用 
HTML 进行 显示 ， 而 且 还 需要 服务 器 端 特定 程序 的 支持 。 


4.9.1 表单 对 象 


在 Dreamweaver 中 ， 表 单 输入 类 型 称 为 表单 对 象 。 表 单 对象 是 允许 用 户 输入 数据 的 机 
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制 ， 可 以 在 表单 中 添加 以 下 表单 对 象 。 

(1) 文本 域 

接受 任何 类 型 的 字母 、 数 字 、 文 本 输入 内 容 。 文 本 可 以 单行 或 多 行 显示 ， 也 可 以 以 密 
码 域 的 方式 显示 ， 在 这 种 情况 下 ， 输 入 文本 将 被 替换 为 星 号 或 项 目 符号 ， 可 以 防止 文本 泄 
露 ， 起 到 保密 的 作用 。 

(2) 隐藏 域 

存储 用 户 输入 的 信息 ， 如 姓名 、 电 子 邮件 地 址 或 偏爱 的 查看 方式 ， 并 在 该 用 户 下 次 访 
问 此 站 点 时 使 用 这 些 数据 。 

(3) 按钮 

在 单 击 时 执行 操作 。 可 以 为 按钮 添加 自 定义 名 称 或 标签 ， 或 者 使 用 预定 义 的 “提交 ” 
或 “ 重 置 ”标签 。 使 用 按钮 可 将 表单 数据 提交 到 服务 器 或 者 重 置 表单 ， 还 可 以 指定 其 他 已 
在 脚本 中 定义 的 处 理 任 务 。 例 如 ， 可 能 会 使 用 按钮 根据 指定 的 值 计算 所 选 商品 的 总 价 。 

(4) 复 选 框 

允许 在 一 组 选项 中 选择 多 个 选项 。 用 户 可 以 选择 任意 多 个 适用 的 选项 。 

(5) 单 选 按钮 

代表 互相 排斥 的 选择 。 在 某 单 选 按钮 组 〈 由 两 个 或 多 个 共享 同一 名 称 的 按钮 组 成 ) 中 
选择 一 个 按钮 ， 就 会 取消 选择 该 组 中 的 所 有 其 他 按钮 。 

(6) 列表 菜单 

在 一 个 滚动 列表 中 显示 选项 值 ， 用 户 可 以 从 该 滚动 列表 中 选择 多 个 选项 。“ 列 表 ” 选 项 
在 一 个 菜单 中 显示 选项 值 ， 用 户 只 能 从 中 选择 单个 选项 。 只 有 有 限 的 空间 但 必须 显示 多 个 
内 容 项 ， 或 者 要 控制 返回 给 服务 器 的 值 时 ， 建 议 使 用 菜单 。 

菜单 与 文本 域 不 同 ， 在 文本 域 中 用 户 可 以 随心 所 欲 地 输入 任何 信息 ， 甚 至 包括 无 效 的 
数据 ， 对 于 菜单 而 言 ， 则 可 以 具体 设置 某 个 菜单 返回 的 确切 值 。 

(7) 跳 转 菜 单 

可 导航 的 列表 或 弹出 菜单 ， 使 用 它们 可 以 插入 一 个 菜单 ， 其 中 的 每 个 选项 都 链接 到 某 
个 文档 或 文件 。 

(8) 文件 域 

使 用 户 可 以 浏览 到 其 计算 机 上 的 某 个 文件 并 将 该 文件 作为 表单 数据 上 传 。 

(9) 图 像 域 

使 用 户 可 以 在 表单 中 插入 一 个 图 像 。 使 用 图 像 域 可 生成 图 形 化 按钮 ， 如 “提交 ”或 “ 重 
置 ”按钮 。 如 果 使 用 图 像 来 执行 任务 而 不 是 提交 数据 ， 则 需要 将 某 种 行为 附加 到 表单 对 象 。 


4.9.2 ”创建 表单 
创建 表单 的 操作 步骤 如 下 : 


(1) 打开 一 个 页 面 ， 将 插入 点 放 在 希望 表单 出 现 的 位 置 。 
(2) 选择 “插入 ”一 “表单 ”命令 ， 或 选择 “插入 ”面板 中 的 “表单 ”类 别 ， 然 后 选 
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择 “ 表 单 ” 选 项 。 

在 “设计 ”视图 中 ,表单 以 红色 的 虚 轮 廓 线 指示 。 如 果 看 不 到 这 个 轮廓 线 ， 可 选择 “ 查 
看 ”一 “可 视 化 助理 ”一 “不 可 见 元 素 ” 命 令 。 

(3) 在 属性 面板 (选择 “窗口 ”一 “属性 ”命令 ) 中 设置 HTML 表单 的 属性 ， 如 
图 4-91 所 示 。 在 “表单 D” 文 本 框 中 输入 标识 该 表单 的 唯一 名 称 ， 在 “动作 ”文本 框 中 输 
入 路 径 或 者 单 击 文件 夹 图 标 导 航 到 相应 的 页 面 或 脚本 ， 以 指定 将 处 理 的 表单 数据 的 页 面 或 
脚本 。 在 “方法 ”下 拉 列 表 框 中 指定 将 表单 数据 传输 到 服务 器 的 方法 ， 有 以 下 3 个 选项 。 


类 四] 无 


[BE 


图 4-91 表单 的 属性 面板 


@ ”默认 设置 ， 将 表单 数据 发 送 到 服务 器 。 通 常 ， 默 认 值 为 GET 方法 。 
@ GET: 将 值 附加 到 请 求 该 页 面 的 URL 中 。 

@ POST: 在 HTTP 请 求 中 嵌入 表单 数据 。 

(4) 在 页 面 中 插入 表单 对 象 。 

(5) 调整 表单 的 布局 。 


4.10 添加 多 媒体 元 素 


多 媒体 技术 是 集 计 算 机 技术 、 音 频 处 理 技 术 、 视 频 处 理 技术 、 图 像 处 理 技术 于 一 体 的 
综合 技术 ， 具 有 多 样 性 、 交 互 性 和 实时 性 等 特点 ， 在 网 页 中 添加 多 媒体 元 素 ， 使 网 页 绘 声 
绘 色 且 活动 起 来 ， 可 以 给 浏览 者 带 来 听觉 和 视觉 的 冲击 ， 提 高 可 视 性 。 


4.10.1 插入 网 页 背景 音乐 


声音 能 极 好 地 烘托 网 页 的 氛围 ， 网 页 中 常见 的 声音 格式 有 wav、mp3、midi 等 。 在 确定 
采用 哪 种 格式 和 方法 添加 声音 前 ， 需 要 考虑 添加 声音 的 目的 、 页 面 访 问 者 、 文 件 大 小 、 声 
音 品质 和 不 同 浏览 器 的 差异 等 因素 。 浏 览 嚣 不同， 处理 声音 文件 的 方式 也 会 有 很 大 差异 。 


1. .midi 或 .mid (Musical Instrument Digital Interface， 乐 器 数字 接口 ) 


许多 浏览 器 都 支持 MIDI 文件 ， 并 且 不 需要 插件 。 尽 管 MIDI 文件 的 声音 品质 非常 好 ， 
但 也 可 能 因 访 问 者 的 声卡 配置 而 有 一 定 的 差异 。 很 小 的 MIDI 文 件 可 以 提供 较 长 时 间 的 声音 
剪辑 。MIDI 文件 不 能 进行 录制 ， 并 且 必 须 使 用 特殊 的 硬件 和 软件 在 计算 机 上 合成 。 

2. .wav (波形 扩展 ) 


WAV 类 文件 具有 良好 的 声音 品质 ， 许 多 浏览 器 都 支持 此 类 格式 文件 并 且 不 需要 插件 。 
可 以 用 CD、 磁 带 、 麦 克 风 等 录制 WAV 文件 。 但 是 ， 其 较 大 的 文件 大 小 严格 限制 了 可 以 在 
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网 页 上 使 用 的 声音 剪辑 的 长 度 。 
3. .aif (Audio Interchange File Format， 音 频 交换 文件 格式 或 AIFF) 


AIFF 格式 与 WAV 格式 类 似 ， 也 具有 较 好 的 声音 品质 ， 大 多 数 浏览 器 都 可 以 播放 它 并 
且 不 需要 插件 。 


4. .mp3 (Motion Picture Experts Group Audio Layer-3， 运 动 图 像 专家 组 音频 第 3 层 
或 称 为 MPEG 音频 第 3 层 ) 


一 种 压缩 格式 ， 它 可 使 声音 文件 明显 缩小 。 其 声音 品质 非常 好 : 如 果 正 确 录 制 和 压缩 
MP3 文件 ， 其 音质 甚至 可 以 和 CD 相 媲 美 。MP3 技术 可 以 对 文件 进行 “ 流 式 处 理 ” 访问 者 
不 必 等 待 整个 文件 下 载 完 成 即 可 收听 。 但是， 其 文件 大 小 要 大 于 RealAudio 文件 ， 因 此 通过 
典型 的 拨号 (电话 线 ) 调制 解 调 器 连接 下 载 整 首 歌曲 可 能 仍 要 花 较 长 的 时 间 。 若 要 播放 MP3 
文件 ， 访 问 者 必须 下 载 并 安装 辅助 应 用 程序 或 插件 ， 如 QuickTime、Windows Media Player 
或 RealPlayer。 


5. .ra、.ram、.rpm 或 Real Audio 


此 格式 具有 非常 高 的 压缩 度 ， 文 件 大 小 要 小 于 MP3。 全 部 歌曲 文件 可 以 在 合理 的 时 间 
范围 内 下 载 。 因 为 可 以 在 普通 的 Web 服务 器 上 对 这 些 文件 进行 “ 流 式 处 理 ” 所 以 在 文件 完 
全 下 载 完 之 前 就 可 听 到 声音 。 必 须 下 载 并 安装 RealPlayer 辅助 应 用 程序 或 插件 才 可 以 播放 这 
种 文件 。 


Ai) 注意 : 除了 上 面 列 出 的 比较 常用 的 格式 外 ， 还 有 许多 不 同 的 音频 和 视频 文件 格式 可 在 
Web 上 使 用 。 


在 页 面 中 可 以 添加 背景 音乐 , 背景 音乐 多 以 MP3、MIDI 文件 为 主 , 在 Dreamweaver CS4 
中 ， 添 加 背景 音乐 有 以 下 两 种 方法 。 

(1) 通过 添加 代码 的 方式 ， 步 骤 如 下 : 

@ 打开 要 添加 背景 音乐 的 网 页 ， 切 换 到 代码 视图 或 混合 视图 。 

@ 在 <head> 和 </head> 之 间 添 加 代码 “<bagsound src= 背 景 音乐 的 URL>” 如 图 4-92 
所 示 。 


<IDOCTYPE hi 


iteIB pa 和 
图 4-92 添加 背景 音乐 


(2) 通过 行为 实现 。 利用 Dreamweaver CS4 提供 的 播放 声音 行为 可 实现 背景 音乐 的 播 
放 ， 具 体 步骤 如 下 : 


0093416 1:5 
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从 “行为 ”面板 的 “添加 行为 ”菜单 中 选择 “~ 建议 不 再 使 用 ”命令 ， 弹 出 “播放 声 
音 ” 对 话 框 ， 如 图 4-93 所 示 。 


4-93 “播放 声音 ”对 话 框 


单 击 “浏览 ”按钮 可 选择 需要 插入 的 声音 文件 〈 也 可 以 直接 输入 地 址 )， 弹 出 “选择 文 
件 ” 对 话 框 ， 在 其 中 ， 除 了 可 以 选择 所 需 的 音乐 文件 外 ， 还 可 以 单 击 对 话 框 中 的 “参数 ” 
按钮 ， 弹 出 “参数 ”对 话 框 ， 设 置 背景 音乐 自动 开始 等 属性 ， 如 图 4-94 所 示 。 最 后 单 击 “ 确 
定 ” 按 钮 即 可 。 


< 注意 : 此 行为 从 Dreamweaver CS4 开始 已 被 弃 用 。 


NS 四 
广内 弄 G。 有 文 件 

mm Pei 
本 |X et mel 

在 站 上 全 Y 中 下 MDB 枯 ant 开 


图 4-94 “选择 文件 ”对 话 框 和 “参数 ”对 话 框 
4.10.2 插入 视频 


在 Dreamweaver 文档 中 可 以 插入 QuickTime 或 Shockwave 影片 、Java Applet、ActiveX 
控件 或 其 他 音 、 视 频 对 象 。 用 户 可 以 下 载 视 频 ， 或 者 可 以 对 视频 进行 流 式 处 理 ， 以 便 在 下 
载 它 的 同时 播放 它 。 插 入 视频 的 步骤 如 下 : 

(1) 将 视频 剪辑 文件 放 入 站 点 根 目录 的 相应 文件 夹 中 ， 这 些 剪 辑 文件 通常 采用 AVI 或 
MPEG 格式 。 
(2) 链接 到 某 个 视频 剪辑 文件 ， 或 将 其 嵌入 到 页 面 中 。 

若 要 链接 到 视频 剪辑 文件 ， 则 需要 输入 链接 文本 〈 如 “下 载 剪 辑 ”7， 选 择 文本 ， 然 后 
在 属性 面板 中 单 击 文件 夹 图 标 ， 浏 览 到 视频 文件 然后 选择 它 。 

将 视频 剪辑 文件 嵌入 网 页 中 的 步骤 如 下 : 

G@ 将 插入 点 放 在 文档 窗口 中 希望 插入 对 象 的 位 置 。 

@ 执行 下 列 操作 之 一 插入 对 象 。 

@ 在 “插入 ”面板 的 “常用 ”类 别 中 选择 “媒体 ”选项 ， 并 选择 要 插入 的 对 象 类 型 
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的 图 标 ， 如 图 4-95 所 示 。 

@ 从 “插入 ”菜单 的 “媒体 ” 子 菜单 中 选择 适当 的 对 象 ， 如 图 4-96 所 示 。 如 果 要 插 
入 的 对 象 不 是 Shockwave、Applet 或 ActiveX 对 象 , 可 从 “媒体 ” 子 菜单 中 选择 “ 插 
件 ” 命 令 。 将 打开 “选择 文件 ”对 话 框 ， 可 从 中 选择 源 文件 并 为 媒体 对 象 指定 某 
些 参数 。 


案 用 

EFT EFCEOEEE i sw #0 HS WKY OW, 

一 一 标签 (@).. CoHE 

wr | We che -一 一 一 

Untitled-L.hemle x Flashpaper | 图 像 对 象 (6) , 多- | 外- 加 
FEED 


SwE CUHARHF 


By 

惠 格 (D CHIHAR+T Flashpaper(P) 
lemme | es 
车 appttr 布局 对 象 () » 

Shockwave(5) 

Bid 囊 单 (ED » 
萎 hvex Applet(A) 

超级 链接 (P) Activex(X) 
害 才 + 电子 邮件 链接 ( 插件 (P) 

图 4-95 插入 对 象 4-96 “媒体 ” 子 菜单 


@ 弹出 “选择 文件 ”对 话 框 ， 然 后 单 击 “ 确 定 ” 按 钮 。 
@ 单 击 “ 确 定 ” 按 钮 插入 媒体 对 象 。 
A 注意 : 用 户 必须 下 载 辅助 应 用 程序 ( 如 插件 ) 才能 查看 常见 的 流 式 处 理 格式 ， 如 Real 
Media、QuickTime 和 Windows Media。 


4.10.3 插入 Flash 动画 


在 Intemet 上 还 有 这 样 一 类 的 网 站 ， 它 可 以 将 音乐 、 声 效 、 动 画 及 富有 新 意 的 界面 融合 
在 一 起 , 以 达到 高 品质 的 网 页 动态 效果 , 这 类 网 站 典型 的 代表 就 是 Flash 效果 , 它 是 由 Flash 
动画 软件 制作 的 。 
Flash 动画 是 一 种 矢量 动画 格式 ， 具 有 体积 小 、 兼 容 性 好 、 直 观 动感 、 互 动 性 强大 、 支 
持 MP3 音乐 等 优点 ， 是 当今 最 流行 的 Web 页 面 动画 格式 。Flash 是 目前 最 好 的 网 络 多 媒体 
动画 ， 它 可 以 通过 文字 、 图 片 、 录 像 、 声 音 等 综合 手段 形象 地 体现 一 个 意图 ， 强 烈 的 视觉 
冲击 力 可 以 给 浏览 者 留 下 深刻 的 印象 。 
Flash CS4 是 美国 Adobe 公司 开发 的 矢量 图 形 编辑 和 动画 创作 的 专业 软件 ， 在 使 用 
Dreamweaver 来 插入 使 用 Adobe Flash 创建 的 内 容 之 前 ， 首 先 来 了 解 一 下 不 同 的 文件 类 型 。 
@ ”FLA 文件 (.fla): 此 类 型 的 文件 只 能 在 Flash 中 打开 (而 无 法 在 Dreamweaver 或 浏 
览 器 中 打开 )。 可 以 在 Flash 中 打开 FLA 文件 , 然后 将 它 发 布 为 SWF 或 SWT 文件 
以 在 浏览 器 中 使 用 。 
@ SWF 文件 (swf): FLA .fla) 文件 的 编译 版 本 ， 已 进行 优化 ， 可 以 在 Web 上 查 
看 。 此 文件 可 以 在 浏览 器 中 播放 并 且 可 以 在 Dreamweaver 中 进行 预览 ， 但 不 能 在 
Flash 中 编辑 。 
在 网 页 中 添加 Flash 动画 的 步骤 如 下 : 
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(1) 在 文档 窗口 的 “设计 ”视图 中 ， 将 插入 点 放置 在 要 插入 内 容 的 位 置 ， 然 后 执行 以 

@ 在 “插入 ”面板 的 “常用 ”类 别 中 选择 “媒体 ”选项 ， 然 后 选项 SWF 选项 ， 如 图 4-95 
所 示 。 

@ 选择 “插入 ”一 “媒体 ”一 SWF 命令 ， 如 图 4-96 所 示 。 

(2) 在 打开 的 对 话 框 中 ， 选 择 一 个 SWF 文件 (.swf)， 如 图 4-97 所 示 。 

(3) 设置 辅助 功能 属性 ， 如 图 4-98 所 示 。 
EE 4 
ee 


查找 范围 中 ;| 已 ssh 疾 昌 让 中国 - 


名 称 大 小 % 型 < 
tarfun sw ] 6KB SWF 文件 


和 
gl 


文件 名 加 :|sterfan svf 标题 : | 日 ssh 动 面 
文件 奖 型 IE): | 所 有 文件 人 9) 四 访问 键 Tu 刍 素 引 ; 


lash/starfun swf 


国 WE Ee 
ee 
4-97 选择 SWF 文件 4-98 ”设置 辅助 功能 属性 
(4) 单 击 “确定 ”按钮 之 后 在 文档 窗口 中 显示 一 个 SWF 文件 占 位 符 ， 如 图 4-99 所 示 。 


Lp| 


图 4-99 SWF 文件 占 位 符 
Ai) 注意 : 此 占 位 符 有 一 个 选项 卡 式 的 蓝 色 外 框 。 此 选项 卡 指示 资源 的 类 型 (SWF 文件) 
和 SWF 文件 的 ID， 还 显示 一 个 眼睛 图 标 ， 此 图 标 可 用 于 在 SWF 文件 和 用 户 在 
没有 正确 的 Flash Player 版 本 时 看 到 的 下 载 信息 之 间 切 换 。 


添加 完成 之 后 ,选择 一 个 SWF 文件 , ,然后 在 属性 面板 中 设置 SWF 文件 属性 ,如 图 4-100 
所 示 。 限 于 篇 幅 ， 关 于 各 属性 的 详细 配置 此 处 不 再 详细 介绍 ， 读 者 可 参阅 帮助 文档 。 


属性 


/ ds 宽 四 300 文件 四 ss starfun swf 全 口 青 景 颅 色 @) 全 ,| 类 EC; 
天 vin 高 员 155 回 当 本 | 9 区 到 下 省 
回 循环 中 委 直 边 距 o) 品质 四 ) 高 品质 EE | C7 

回 自动 播放 中， 水 平 边 距 到) [TEA 本 2 


图 4-100 设置 SWF 文件 属性 


“全 
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4.11 框架 的 使 用 


框架 是 网 页 中 经 常 使 用 的 页 面 设计 方式 ， 其 作用 就 是 把 网 页 在 一 个 浏览 器 窗口 下 分 割 
成 几 个 不 同 的 区 域 ， 实 现在 一 个 浏览 器 窗口 中 显示 多 个 HTML 页 面 的 功能 。 使 用 框架 可 以 
非常 方便 地 完成 导航 工作 ， 让 网 站 的 结构 更 加 清晰 ， 而 各 个 框架 之 间 不 存在 干扰 问题 。 利 
用 框架 最 大 的 特点 就 是 使 网 站 的 格局 一 致 。 通 常 把 一 个 网 站 中 页 面相 同 的 部 分 单独 制作 成 
一 个 页 面 ， 作 为 框架 结构 的 一 个 子 框架 的 内 容 给 整个 网 站 公用 。 
一 个 框架 结构 由 如 下 两 部 分 网 页 文件 构成 。 
@ 框架 (Frame): 是 浏览 器 窗口 中 的 一 个 区 域 ， 它 可 以 显示 与 浏览 器 窗口 的 其 余部 
分 中 所 显示 内 容 无 关 的 网 页 文件 。 
@ 框架 集 (Frameset): 也 是 一 个 网 页 文件 ， 它 将 一 个 窗口 通过 行 和 列 的 方式 分 割 成 
多 个 框架 ， 框 架 的 多 少 根据 具体 有 多 少 网 页 来 决定 ， 每 个 框架 中 要 显示 的 就 是 不 
同 的 网 页 文件 。 


4.11.1 创建 框架 集 


在 创建 框架 集 或 使 用 框架 前 ， 通 过 选择 “查看 ”一 “可 视 化 助理 ”一 “框架 边框 ” 命 
令 ， 使 框架 边框 在 文档 窗口 的 设计 视图 中 可 见 。 创 建 框 架 集 有 以 下 几 种 方式 : 
@ ”由 新 建文 件 创 建 框 架 集 。 在 “新 建文 档 ” 对 话 框 中 ， 选 择 “ 示 例文 件 夹 ” 列 表 框 
中 的 “框架 页 ”选项 ， 然 后 在 “示例 文件 夹 ”列表 框 选择 某 种 框架 集 ， 如 图 4-101 
所 示 。 单 击 “ 创 建 ”按钮 ， 完 成 框架 集 的 创建 。 


寺 守 实 区 a 


示例 之 Nx: A 
ER 
eer -四 ,下 7 
上 方 固定 ， 右 刘 培 冬 
De sm 上 上 旋回 定 ， 丰 出 竺 
Ds 加 二 
下 广 固 定 ， 右 铀 培 竺 
BD mk 下 旋回 定 ， 在 外 竺 
有 出 固定 
有 击 固 定 ， 上方 钳 和 
Bh zn 有 出 固 定 ， 下 力 氏 关 
委 训 拆 分 
相向 固定 
罗 人 相册 固定 ,上 方 媒 各 ee 
相册 固定 ,下 方 妨 矢 站 
水 平 拆 分 
文 巷 关 型 [rm in fasittuoa 四 
ES [ET 


图 4-101 新 建 框架 文档 


@ 由 “插入 ” 栏 “ 布 局 ”类 别 创建 框架 集 。 将 “插入 ” 栏 设置 为 “布局 ” 单 击 “ 框 
架 ” 按 钮 ， 会 弹出 下 拉 菜 单 ， 从 中 选择 一 种 框架 集 也 可 以 完成 创建 ， 如 图 4-102 
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所 示 。 


@ 单 击 “ 创 建 ” 按 钮 后 ， 会 弹出 “框架 标签 辅助 功能 属性 ”对 话 框 ， 在 其 中 可 以 为 
每 个 框架 设置 标题 ， 如 图 4-103 所 示 。 


芥末 行礼 重 轩 功 民 民 得 


图 4-102 工具 栏 图 4-103 “框架 标签 辅助 功能 属性 ”对 话 框 
4.11.2 ”框架 和 框架 集 的 基本 操作 


1. 选择 框架 与 框架 集 
选择 框架 与 框架 集 的 步骤 如 下 : 


(1) 选择 “窗口 ”一 “框架 ”命令 ， 打 开 “ 框 架 ” 面 板 ， 可 以 看 到 每 一 个 框架 都 有 一 
个 框架 名 称 〈 系 统 为 其 设置 了 默认 的 框架 名 称 )， 如 图 4-104 所 示 。 在 选中 某 一 框架 时 ， 可 
以 在 其 属性 面板 修改 名 称 。 


图 4-104 “框架 ”面板 
(2) 在 “框架 ”面板 中 单 击 框架 名 称 即 可 选中 框架 ， 单 击 较 粗 的 边框 即 可 选中 框架 集 。 
2. 保存 框架 与 框架 集 


在 浏览 器 中 预览 框架 集 前 ， 必 须 保 存 框架 集 文件 以 及 框架 集中 的 每 个 框架 。 可 以 单独 
保存 每 个 框架 集 文件 和 带 框架 的 文档 ， 也 可 以 同时 保存 框架 集 文件 和 框架 中 出 现 的 所 有 
文档 。 
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40 注意 : 在 使 用 Dreamweaver 中 的 可 视 工具 创建 一 组 框架 时 , 框架 中 显示 的 每 个 新 文档 都 
将 获得 一 个 默认 文件 名 。 例 如 ， 第 一 个 框架 集 文件 被 命名 为 UntitledFrameset-， 
而 框架 被 命名 为 UntitledFrame-。 


(1) 保存 框架 集 文件 

首先 在 “框架 ”面板 或 文档 窗口 中 选择 框架 集 ， 然 后 执行 下 拉 操 作 即 可 保存 框架 集 
文件 。 

@ 。 若 要 保存 框架 集 文件 ， 可 选择 “文件 ”一 “保存 框架 集 ” 命 令 。 

@ 。 若 要 将 框架 集 文件 另存 为 新 文件 ， 可 选择 “文件 ”一 “框架 集 另 存 为 ”命令 。 

(2) 保存 框架 文件 

在 “框架 ”面板 或 文档 窗口 中 选择 某 个 框架 ， 然 后 选择 “文件 ”一 “保存 框架 ”命令 
或 选择 “文件 ”一 “框架 另存 为 ”命令 即 可 保存 框架 文件 。 


4.11.3 ”设置 框架 属性 
1. 查看 或 设置 框架 属性 


(1) 在 “框架 ”面板 中 选择 某 个 框架 。 
(2) 在 属性 面板 中 ， 单 击 右 下 角 的 展开 箭头 ， 查 看 所 有 框架 属性 ， 如 图 4-105 所 示 。 


画 框架 名 称 。 源 文件 E) UntitledFr me-2 GD WEW KW/ 
toprme | 注 动 贡 | 霸 了 ] 口 不 能 再 台 大 小 @) 思想 搞 色 C) | 
边界 帘 度 WD 
边界 高度 00) 


图 4-105 ”框架 属性 面板 


框架 属性 面板 中 的 参数 说 明 如 下 。 

@ ”框架 名 称 : 设置 所 选 框架 的 名 称 。 

@ 源 文件 : 设置 框架 中 所 显示 网 页 的 路 径 。 

@ 滚动: 确定 在 没有 足够 的 空间 显示 当前 框架 内 容 时 ， 是 否 显示 滚动 条 ， 有 以 下 4 
个 选项 。 

回 是 : 在 任何 情况 下 都 会 显示 滚动 条 。 

回 ”和 否 ; 隐藏 滚动 条 。 

回 自动 : 只 有 在 当前 框架 中 插入 的 内 容 超出 显示 范围 后 才 显 示 滚 动 条 。 
回 默认 : 浏览 器 的 默认 效果 ， 相 当 于 自动 选项 。 

不 能 调整 大 小 : 设置 在 浏览 网 页 时 用 户 是 否 能 够 对 框架 边框 进行 调整 。 
边框 : 设置 是 否 显示 框架 的 边框 。 

边框 颜色 : 设置 框架 边框 的 颜色 。 

边界 宽度 : 设置 框架 中 的 网 页 与 框架 左 、 右 边框 的 距离 。 

边界 高 度 : 设置 框架 中 的 网 页 与 框架 上 、 下 边框 的 距离 。 
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2. 查看 或 设置 框架 集 属性 
选中 要 设置 属性 的 框架 集 ， 在 属性 面板 中 将 显示 该 框架 集 的 属性 ， 如 图 4-106 所 示 。 


4-106 框架 集 属性 面板 


框架 集 属性 面板 中 的 参数 说 明 如 下 。 

@ 边框 : 确定 网 页 的 框架 边框 是 否 可 见 。 
边框 宽度 : 设置 框架 集 的 边框 宽度 。 
边框 颜色 : 设置 框架 集 的 边框 颜色 。 
值 : 设置 选中 框架 的 尺寸 。 

单位 :设置 选中 框架 的 尺寸 单位 。 


4.11.4 在 框架 中 使 用 超 链 接 


在 框架 式 网 页 中 制作 超 链接 时 ， 一 定 要 设置 链接 的 目标 属性 ， 为 链接 的 目标 文档 指定 
显示 窗口 。 在 属性 面板 的 “目标 ”下 拉 列 表 框 中 可 以 指定 目标 文件 的 显示 窗口 包括 如 下 4 
个 选项 。 


_blank: 放 在 新 窗口 中 。 

@ _parent: 放 到 父 框架 集 或 包含 该 链接 的 框架 窗口 中 。 

@ self: 放 在 相同 窗口 中 〈 默 认 窗口 无 须 指定 )。 

@ _top: 放 到 整个 浏览 器 窗口 并 删除 所 有 框架 。 

另外 ， 在 “目标 ”下 拉 列 表 框 中 还 会 出 现 保存 过 的 框架 页 名 称 。 


4.12 ”站 点 的 整理 维护 与 上 传 


4.12.1 本 地 测试 站 点 


一 个 网 站 从 建立 到 投入 使 用 通常 要 经 过 的 步骤 为 : 规划 站 点 一 构建 本 地 站 点 和 远程 站 
点 一 站 点 的 测试 一 站 点 的 上 传 与 发 布 。 

网 站 制作 完成 后 ， 还 必须 进行 一 项 比较 重要 的 工作 ， 就 是 在 本 地 对 自己 的 网 站 进行 测 
试 ， 以 免 上 传 后 出 现 错误 不 方便 修改 。 本 地 测试 包括 网 页 的 链接 测试 、 网 页 在 不 同 浏览 器 
的 兼容 性 测试 以 及 下 载 时 间 和 网 页 文件 大 小 的 测试 。 
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1. 检查 站 点 链接 和 修复 损坏 链接 


一 个 网 站 可 由 几 十 个 、 几 百 个 甚至 几 千 个 网 页 组 成 ， 网 页 和 网 页 之 间 依 靠 超 链接 来 相 
互联 系 。 如 果 一 个 网 页 中 没有 添加 超 链 接 或 者 是 超 链 接 添 加 错误 ， 那 么 就 无 法 找到 该 网 页 。 
所 以 在 网 站 制作 完成 之 后 ， 首 先 要 检查 网 站 中 的 超 链接 是 否 正确 。 

利用 Dreamweaver 可 以 快速 检查 站 点 中 网 页 的 链接 ， 避 免 出 现 链接 错误 。 在 “文件 ” 
面板 中 选中 站 点 ， 单 击 鼠 标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “检查 链接 ”一 “整个 本 地 站 
点 ”命令 ， 打 开 “ 链 接 检查 器 ”选项 卡 ， 并 以 列表 形式 显示 断 掉 的 链接 文件 或 者 图 片 ， 如 
图 4-107 所 示 。 


断 接 的 链接 
zhuren htal 
jigou htal 
zhire htal 
zhuren htal 


jigeu htal 


图 4-107 “链接 检查 器 ”选项 卡 


在 “显示 ”下 拉 列 表 框 中 ， 可 选择 以 下 要 检查 的 链接 的 类 型 。 

@ 断 掉 的 链接 : 检查 文档 中 是 否 存 在 断 开 的 链接 ， 这 是 默认 选项 。 

@ 外 部 链接 : 检查 文档 中 的 外 部 链接 是 否 有 效 。 

@ ”孤立 文件 : 检查 站 点 中 是 否 存 在 孤立 文件 。 所 谓 孤 立 文件 ， 就 是 没有 任何 链接 引 

用 的 文件 。 只 有 在 检查 整个 站 点 链接 的 操作 中 才 有 效 。 

单 击 “ 保 存 报告 ”按钮 (如 图 4-107 椭圆 框 内 所 示 )， 可 将 显示 出 来 的 错误 链接 保存 。 

要 对 断 掉 的 链接 进行 修复 ， 可 以 直接 从 链接 检查 器 中 修复 损坏 的 链接 文件 或 者 图 片 ， 
也 可 以 从 列表 中 将 文件 打开 ， 然 后 在 属性 面板 中 修复 。 

在 链接 检查 器 中 修复 链接 ， 可 先 选择 无 效 链接 栏 下 的 链接 文件 名 ， 然 后 输入 正确 的 文 
件 名 和 路 径 ， 或 者 单 击 文件 夹 图 标 ， 浏 览 并 选 定 文件 ， 修 复 完 毕 后 按 Enter 键 即 可 。 

当然 ， 也 可 以 在 链接 检查 器 中 双击 打开 存在 损坏 链接 的 文件 ， 在 文件 中 选中 出 错 的 图 
片 或 者 链接 ， 在 属性 面板 中 进行 修改 ， 最 后 保存 文件 即 可 。 

链接 修复 后 ， 该 文件 就 会 从 链接 检查 器 列表 中 消失 ， 如 果 仍 然 存在 ， 则 表明 还 存在 错 
误 的 链接 。 如 果 多 个 文件 都 有 相同 的 中 断 链 接 ， 当 对 其 中 一 个 链接 文件 进行 修改 后 ， 系 统 
会 询问 是 否 修复 余下 的 引用 该 文件 的 链接 。 


2. 检查 浏览 器 兼容 性 

不 同 浏览 器 的 测试 ， 就 是 在 不 同 的 浏览 器 和 不 同 的 版 本 下 测试 页 面 的 运行 和 显示 情况 。 
Dreamweaver 能 将 测试 出 来 的 错误 和 可 能 出 现 的 错误 列 出 ,然后 可 以 根据 系统 给 出 的 提示 信 
息 进行 修改 和 处 理 ， 解 决 可 能 出 现 的 问题 ， 以 免 在 浏览 页 面 时 出 现 错误 。 

检查 浏览 器 兼容 性 功能 可 对 文档 中 的 HTML 进行 测试 ， 检 查 是 否 有 浏览 器 不 支持 的 标 
签 和 属性 ， 但 对 文档 本 身 不 进行 任何 更 改 。 
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选择 “窗口 ”一 “结果 ”一 “浏览 器 兼容 性 ”命令 ,打开 如 图 4-108 所 示 的 “浏览 器 兼 
容 性 ”选项 卡 ， 其 中 以 列表 形式 显示 网 页 中 的 兼容 问题 以 及 出 现 错误 的 具体 行为 和 原因 。 
浏览 器 兼容 性 


浏览 器 支持 问题 
开 | 2 请 打开 : 从: 单 中 i “检查 i 
Ss 文档 并 从 左 侧 的 交 头 菜单 中 选择 “检查 济 


; 1 未 报告 的 呈现 问题 ? 证 检 查 Adobe com 


图 4-108 “浏览 器 兼容 性 ”选项 卡 
4.12.2 ”申请 主页 空间 和 域名 


1. 申请 主页 空间 

一 系列 的 站 点 测试 工作 完成 之 后 ， 就 可 以 开始 申请 空间 和 域名 ， 为 网 站 的 正式 发 布 作 
准备 。 

发 布 网 站 首要 的 任务 就 是 在 Internet 的 某 些 站 点 上 申请 免费 的 服务 器 空间 (一般 为 几 兆 
到 上 百 兆 不 等 )， 以 便 保 存 自 己 的 网 页 。 如 果 有 条 件 , 也 可 以 向 ISP (Intemet Server Provider， 
Internet 服务 提供 商 ， 通 常 提供 Internet 接 入 等 服务 ) 申请 需要 交 一 定 费用 的 服务 器 空间 ， 
这 样 的 收费 空间 通常 可 以 提供 更 多 的 服务 〈 如 数据 库 支 持 等 )。 

目前 ， 多 数 知名 的 Intemet 站 点 都 提供 免费 或 收费 的 个 人 主页 空间 ， 如 网 易 

(http;//www.163.com) 等 ， 按 照 这 些 站 点 上 的 提示 可 以 很 容易 地 进行 申请 网 页 空间 的 工作 。 


2. 申请 注册 域名 


要 想 在 网 上 建立 服务 器 发 布 信息 ， 则 必须 首先 注册 自己 的 域名 ， 只 有 有 了 自己 的 域名 
才能 让 别人 访问 到 自己 的 网 站 。 同 时 ， 由 于 域名 的 唯一 性 ， 尽 早 注册 是 十 分 必要 的 。 因 此 ， 
为 了 在 网 上 宣传 自己 的 产品 和 服务 ， 有 头脑 、 有 远见 的 企业 和 个 人 应 当 及 时 申请 注册 自己 
的 域名 。 

在 域名 的 选择 时 ， 需 要 注意 以 下 3 点 。 

@ ”避免 难以 记忆 和 过 长 的 域名 。 

@ ”域名 中 尽量 使 用 常用 字符 。 

@ ”域名 应 该 朗朗 上 口 ， 便 于 记忆 。 

目前 ， 申 请 域名 有 两 种 形式 : 一 种 是 收费 的 ， 另 一 种 是 免费 的 。 实 际 上 ， 大 多 数 域名 
是 收费 的 ， 免 费 的 域名 已 经 越 来 越 少 了 。 免 费 域 名 只 提供 域名 ， 不 提供 主页 空间 ， 因 此 这 
种 域名 实际 上 只 提供 一 种 转向 功能 ， 不 能 真正 发 布 网 页 。 

提供 收费 域名 的 ISP 很 多 , 如 图 4-109 所 示 的 是 “中 国 互联 ”网 站 的 收费 域名 申请 页 面 。 
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图 4-109 “中 国 互联 ”网 站 的 收费 域名 申请 页 面 


4.12.3 发 布 站 点 


在 完成 了 本 地 站 点 所 有 页 面 的 设计 之 后 ， 必 须 进行 必要 的 测试 工作 ， 当 网 站 能 够 稳定 
地 工作 后 ， 就 可 以 将 站 点 上 传 到 远程 Web 服务 器 上 ， 使 之 成 为 真正 的 站 点 ， 这 就 是 站 点 的 
发 布 。 Dreamweaver 能 够 很 轻松 地 完成 站 点 的 测试 和 发 布 。 

网 页 设计 好 并 在 本 地 站 点 测试 通过 后 ， 必 须 把 它 发 布 到 Internet 上 形成 真正 的 网 站 ， 和 否 
则 网 站 形象 仍然 不 能 展现 出 去 。 要 构建 远程 站 点 ， 必 须知 道 ISP 提供 的 主页 空间 是 如 何 支 
持 上 传 的 。 网 页 的 上 传 一 般 是 通过 FTP 软件 工具 连接 Intemet 服务 器 进行 上 传 的 。 FTP 软件 
很 多 ， 有 CutFtp、LeapFtp 等 ， 也 可 以 使 用 Dreamweaver 的 站 点 管理 器 上 传 网 页 。 

Dreamweaver 内 置 了 FTP 上 传 功能 ， 可 以 通过 FTP 实现 在 本 地 站 点 和 远程 站 点 之 间 的 
文件 传输 。 


1. 设置 远程 站 点 


当 在 本 地 机 的 硬盘 上 创建 了 本 地 站 点 之 后 ， 如 果 需 要 将 本 地 站 点 传输 到 远程 服务 器 上 ， 
就 必须 在 传输 站 点 之 前 ， 设 置 站 点 的 服务 器 访问 类 型 。 设 置 远程 站 点 信息 的 具体 步骤 如 下 : 

(1) 选择 “站 点 ”一 “管理 站 点 ”命令 ， 打开“ 管理 站 点 ”对 话 框 。 

(2) 在 “管理 站 点 ”对 话 框 的 站 点 列表 中 选择 某 个 站 点 ， 单 击 “ 编 辑 ” 按 钮 进入 站 点 
定义 对 话 框 ， 选 择 “ 高 级 ”选项 卡 ， 在 “分 类 ”列表 框 中 选择 “远程 信息 ”选项 ， 设 置 远 
程 站 点 的 服务 器 访问 方式 。 

(3) 从 “访问 ”下 拉 列 表 框 中 选择 服务 器 访问 方式 。 在 选择 FTP 连接 服务 器 方式 之 后 ， 
Web 服务 器 信息 栏 中 的 选项 及 设置 如 图 4-110 所 示 。 

(4) 设置 好 各 个 参数 后 ， 用 户 可 以 单 击 “ 测 试 ”按钮 测试 FTP 远程 站 点 是 否 连 通 。 单 


中 
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击 “ 测 试 ”按钮 后 ， 经 过 一 段 时 间 等 待 ， 出 现 测试 成 功 的 对 话 框 ， 如 图 4-111 所 示 。 


口 是 时 目 不 本 文件 上 传 到 服务 器 
Dam#R 


Jacronedia Dreanweaver 已 成 功 连接 到 您 的 Yeb 服务 器 。 
[确定 一] 


图 4-110 FTP 远程 访问 设置 4-111 测试 FTP 远程 站 点 


(5) 单 击 “确定 ”按钮 进行 确认 并 关闭 该 对 话 框 ， 返 回 站 点 定义 对 话 框 ， 单 击 “ 确 定 ” 
按钮 ， 返 回 “ 管 理 站 点 ”对 话 框 ， 单 击 “完成 ”按钮 ， 返 回 站 点 窗口 。 


2. 连接 服务 器 


定义 了 远程 站 点 后 ， 还 必须 建立 本 地 站 点 和 Internet 服务 器 的 真正 连接 ， 才 能 真正 构建 
远程 站 点 。 具 体操 作 步 骤 如 下 : 

(1) 在 站 点 窗口 中 显示 要 上 传 的 本 地 站 点 。 

(2) 单 击 站 点 窗口 上 方 的 “连接 ”按钮 ， 如 图 4-112 所 示 。 


文件 [mmm 
Bi: SE 
的 615 人 名 加 | 加 


图 4-112 “连接 ”按钮 


(3) 连接 成 功 后 ， 会 在 站 点 窗口 的 远程 站 点 窗 格 中 显示 主机 目录 ， 它 将 作为 远程 站 点 
根 目录 ， 同 时 原先 的 “连接 ”按钮 转变 为 “ 断 开 连 接 ” 按 钮 。 


3. 文件 的 上 传 和 下 载 


在 设置 本 地 站 点 信息 和 远程 站 点 信息 后 ， 就 可 以 进行 本 地 站 点 与 远程 站 点 间 文 件 的 上 

传 及 下 载 操 作 ， 有 具体 操作 步骤 如 下 : 

(1) 在 Dreamweaver 中 设置 本 地 和 远程 服务 器 信息 。 

(2) 将 本 地 计算 机 连 入 Internet。 

(3) 在 站 点 管理 窗口 中 打开 要 进行 上 传 或 下 载 文件 操作 的 站 点 ， 将 Dreamweaver 与 远 
程 服务 器 接 通 ， 接 通 后， 站 点 管理 窗口 左边 的 “ 远 端 站 点 ” 窗 格 中 显示 远程 服务 器 中 的 文 
件 目录 。 

(4) 与 远程 服务 器 连通 后 ， 就 可 以 在 站 点 管理 窗口 中 上 传 及 下 载 站 点 文件 。 
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4.12.4 网 站 的 推广 和 宣传 


目前 ，IPtemet 上 的 各 种 网 站 像 天 上 的 繁星 、 数 不 胜 数 。 因 此 ， 对 外 发 布 的 网 站 如 果 不 
进行 宣传 和 推广 ， 将 无 人 知晓 、 无 人 问津 。 

网 站 的 宣传 和 推广 一 般 有 两 种 途径 : 一 种 是 通过 传统 媒体 进行 广告 宣传 ， 另 一 种 是 利 
用 Internet 自身 的 特点 对 外 宣传 。 

可 用 来 宣传 的 传统 媒体 包括 电视 、 广 播 、 报 纸 、 广 告 牌 、 海 报 和 黄页 等 ， 公 司 还 可 以 
在 通信 资料 、 产 品 手册 和 宣传 品 上 印刷 网 站 宣传 信息 。 

在 Internet 上 宣传 网 站 的 方法 也 是 多 种 多 样 的 ,如 可 以 将 网 址 和 网 站 信息 发 布 到 搜索 引 
擎 、 网 上 黄页 、 新 闻 组 和 邮件 列表 上 进行 宣传 推广 ， 也 可 以 与 其 他 同类 网 站 交换 宣传 广告 。 


4.13 小 结 


本 章 主要 介绍 了 网 页 设计 工具 Dreamweaver CS4 的 操作 方法 ， 有 具体 包括 : 站 点 的 创建 
与 管理 、 编 辑 文本 内 容 、 插 入 图 像 、 网 页 链接 、 表 格 操作 、 创 建 CSS 样式 表 / 表 单 、 插 入 声 
音 、 视 频 、Flash 动画 元 素 等 内 容 。 通 过 对 本 章 内 容 的 学 习 ， 读 者 就 可 以 自己 设计 一 个 具有 
多 媒体 效果 的 网 站 。 


4.14 思 考 题 


利用 Dreamweaver CS4 工具 设计 一 个 音乐 网 站 。 
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网 页 是 采用 标记 语言 (HTML、XML)、 客 户 端 脚本 语言 (VBScript、JScript、JavaScript) 
和 服务 器 端 开发 技术 (ASP、JSP、PHP) 共同 设计 而 成 的 一 种 多 媒体 信息 集合 。 第 2 章 和 
第 4 章 已 经 介绍 了 关于 HTML、XML 标记 语言 的 基本 概念 和 Dreamweaver 网 页 制作 工具 的 
使 用 技巧 ， 本 章 将 重点 介绍 客户 端 脚本 语言 JavaScript 的 特点 和 编程 方法 。 


5.1 客户 端 脚 本 语言 简介 


客户 端 指 的 是 正在 浏览 、 享 受 服务 的 一 端 。 客 户 端 脚本 程序 是 指 在 浏览 器 中 运行 的 程 
序 ， 它 由 客户 端 脚本 语言 编写 而 成 。 该 程序 不 需要 事先 编译 ， 只 需要 通过 浏览 器 自 带 的 脚 
本 引擎 就 能 够 对 HTML 文档 中 的 脚本 程序 进行 分 析 、 识 别 、 解 释 并 执行 。 


5.1.1 常见 的 客户 端 脚本 语言 


脚本 〈Script) 是 使 用 一 种 特定 的 描述 性 语言 ， 依 据 一 定 的 格式 编写 的 批 处 理 文件 。 客 
户 端 脚本 简单 地 说 就 是 一 条 条 的 文字 命令 ， 这 些 文字 命令 是 可 以 看 到 的 (如 可 以 用 记事 本 
打开 查看 、 编 辑 )， 脚 本 程序 在 执行 时 ， 是 由 系统 的 一 个 解释 器 ， 将 其 一 条 条 地 翻译 成 机 器 
可 识别 的 指令 ， 并 按 程 序 顺序 执行 。 客 户 端 脚本 通常 可 以 由 应 用 程序 临时 调用 并 执行 。 各 
类 客户 端 脚本 被 广泛 地 应 用 于 网 页 设计 中 ， 因 为 它 不 仅 可 以 减 小 网 页 的 规模 、 提 高 网 页 浏 
览 速度 ， 而 且 可 以 丰富 网 页 的 表现 ， 如 动画 、 声 音 等 。 例 如 ， 当 单 击 网 页 上 的 E-mail 地 址 
时 能 自动 调用 Outlook Express 或 Foxmail 这 类 邮件 软件 ， 就 是 通过 脚本 功能 来 实现 的 。 在 
浏览 器 的 “Internet 选项 ”对 话 框 中 的 “安全 ”选项 卡 中 ， 单 击 “ 自 定义 级 别 ” 按 钮 ， 在 安 
全 设置 列表 的 “活动 脚本 ” 栏 中 选中 “禁用 ”、“ 启 用 ”或 “提升 ” 单 选 按钮 就 可 以 轻松 实 
现 对 客户 端 脚本 的 禁用 和 启用 。 常 见 的 客户 端 脚 本 语言 有 VBScript、JScript、JavaScript。 

VBScript 是 微软 开发 的 一 种 脚本 语言 ， 可 以 看 作 是 VB 语言 的 简化 版 ， 与 VBA 的 关系 
也 非常 密切 ， 它 具有 原 语言 容易 学 习 的 特性 ， 目 前 这 种 语言 广泛 应 用 于 网 页 和 ASP 程序 制 
作 。 由 于 VBScript 可 以 通过 Windows 脚本 宿主 调用 COM， 因 而 可 以 使 用 Windows 操作 系 
统 中 可 以 被 使 用 的 程序 库 ,如 它 可 以 使 用 Microsoft Office 的 库 , 尤其 是 使 用 Microsoft Access 
和 Microsoft SQL Server 的 程序 库 ， 当 然 它 也 可 以 使 用 其 他 程序 和 操作 系统 本 身 的 库 。 

JScript 是 Microsoft 公司 对 ECMA 262 语言 规范 (ECMAScript 编辑 器 3) 的 一 种 实现 。 
除了 少数 例外 〈 为 了 保持 向 后 兼容 )，JScript 完全 实现 了 ECMA 标准 。JScript 是 一 种 解释 
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型 的 、 基 于 对 象 的 脚本 语言 ， 有 一 定 的 局 限 性 ， 例 如 ， 不 能 使 用 该 语言 来 编写 独立 运行 的 
应 用 程序 ， 并 且 没 有 对 读 写 文件 的 内 置 支持 。 此 外 ，JScript 脚本 只 能 在 某 个 解释 器 或 宿主 
上 运行 ， 如 Active Server Pages (ASP)、IE 浏览 器 或 者 Windows 脚本 宿主 。 
JavaScript 是 根据 ECMAScript 标准 制定 的 网 页 脚本 语言 ， 这 个 标准 由 ECMA 组 织 发 展 
和 维护 。 ECMA-262 是 正式 的 JavaScript 标准 , 这 个 标准 基于 JavaScript (Netscape) 和 JScript 
(Microsoft)。Netscape (Navigator 2.0) 的 Brendan Eich 发 明了 这 门 语言 ， 从 1996 年 开始 ， 
已 经 出 现在 所 有 的 Netscape 和 Microsoft 浏览 器 中 。ECMA-262 的 开发 始 于 1996 年 ,在 1997 
年 7 月, ECMA 会 员 大 会 采纳 了 它 的 首 个 版 本 。JavaScript 最 初 的 确 是 受 Java 启发 而 开始 设 
计 的 ， 而 且 设计 的 目的 之 一 就 是 “看 上 去 像 Java”， 因 此 语法 上 有 很 多 类 似 之 处 ， 许 多 名 称 
和 命名 规范 也 借 自 Java。 但 是 实际 上 ，JavaScript 的 主要 设计 原则 源 自 Self 和 Scheme， 它 
与 Java 本 质 上 是 不 同 的 ， 它 与 Java 名 称 上 的 近似 ， 是 当时 网 景 为 了 营销 考虑 与 Sun 公司 达 
成 协议 的 结果 。 其 实 从 本 质 上 讲 JavaScript 更 像 是 一 门 函数 式 编程 语言 。 而 非 面向 对 象 的 语 
言 ， 它 使 用 一 些 智 能 的 语法 和 语义 来 仿真 高 度 复 杂 的 行为 ， 其 对 象 模型 极为 灵活 、 开 放 和 
强大 ， 具 有 全 部 的 反射 性 。 


5.1.2 ” ”JavaScript 脚本 语言 的 特点 


JavaScript 是 一 种 基于 对 象 Object) 和 事件 驱动 (Event Driven) 并 具有 安全 性 能 的 脚 
本 语言 。JavaScript 认为 文档 和 显示 文档 的 浏览 器 都 是 由 不 同 的 对 象 组 成 的 集合 ， 这 些 对 象 
具有 一 定 的 属性 ， 可 以 对 这 些 属性 进行 修改 或 计算 。 使 用 JavaScript 的 目的 是 与 HTML 超 
文本 标记 语言 、Java 小 程序 一 起 实现 在 一 个 Web 页 面 中 链接 多 个 对 象 ， 与 Web 客户 交互 作 
用 ， 从 而 可 以 开发 客户 端的 应 用 程序 等 。JavaScript 是 通过 嵌入 或 调 入 在 标准 的 HTML 语言 
中 实现 的 ， 它 可 以 弥补 HTML 语言 的 缺陷 。JavaScript 脚本 语言 具有 以 下 特点 。 


1. 是 一 种 脚本 编写 语言 

JavaScript 是 一 种 脚本 语言 ， 它 采用 小 程序 段 的 方式 实现 编程 。 像 其 他 脚本 语言 一 样 ， 
JavaScript 同样 已 是 一 种 解释 性 语言 ， 它 提供 了 一 个 简单 的 开发 过 程 。 它 的 基本 结构 形式 与 
C、C++、VB、Delphi 十 分 类 似 。 但 它 不 像 这 些 语言 一 样 ， 需 要 先 编译 ， 而 是 在 程序 运行 过 
程 中 被 逐 行 地 解释 。 它 与 HTML 标识 结合 在 一 起 ， 从 而 方便 用 户 的 使 用 操作 。 

2. 基于 对 象 的 语言 

JavaScript 是 一 种 基于 对 象 的 语言 ， 同 时 可 以 看 作 是 一 种 面向 对 象 的 语言 ， 这 意味 着 它 
能 运用 自己 已 经 创建 的 对 象 。 因 此 ， 许 多 功能 可 以 来 自 于 脚本 环境 中 对 象 的 方法 与 脚本 的 
相互 作用 。 

3. 简单 性 

JavaScript 的 简单 性 主要 体现 在 : 首先 它 是 一 种 基于 Java 基本 语句 和 控制 流 之 上 的 简单 
而 紧凑 的 设计 ， 对 于 学 习 Java 是 一 种 非常 好 的 过 渡 ， 其 次 它 的 变量 类 型 是 采用 弱 类 型 ， 并 
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未 使 用 严格 的 数据 类 型 。 
4. 跨 平台 性 


JavaScript 依赖 于 浏览 器 本 身 ， 与 操作 环境 无 关 ， 只 要 能 运行 浏览 器 的 计算 机 ， 并 支持 
JavaScript 的 浏览 器 就 可 正确 执行 。 


5. 安全 性 


JavaScript 是 一 种 安全 性 语言 ， 它 不 允许 访问 本 地 的 硬盘 ， 并 不 能 将 数据 存 入 到 服务 器 
上 ， 不 允许 对 网 络 文档 进行 修改 和 删除 ， 只 能 通过 浏览 器 实现 信息 浏览 或 动态 交互 ， 从 而 
有 效 地 防止 数据 的 丢失 。 

6. 动态 性 

JavaScript 是 动态 的 , 它 可 以 直接 对 用 户 或 客户 输入 做 出 响应 , 无 须 经 过 Web 服务 程序 。 
它 对 用 户 的 响应 是 采用 以 事件 驱动 的 方式 进行 的 。 所 谓 事件 驱动 ， 就 是 指 在 主页 (Home 
Page) 中 执行 了 某 种 操作 所 产生 的 动作 ， 称 为 事件 (Event)， 如 按 下 鼠标 、 移 动 窗口 、 选 择 
菜单 等 都 可 以 视 为 事件 。 当 事件 发 生 后 ， 可 能 会 引起 相应 的 事件 响应 。 
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JavaScript 是 一 种 易学 易 用 的 脚本 语言 ,是 与 用 户 动态 交互 的 脚本 开发 , 它 扩 展 了 HTML 
页 面 的 功能 ， 而 不 是 开发 大 型 复杂 的 程序 ， 所 以 相对 而 言 ，JavaScript 的 语法 规则 较 少 而 且 
较为 简单 。 作 为 一 门 编程 语言 , 它 有 一 套 语法 规则 、 关键 字 、 语 句 和 对 象 ,为 了 运用 JavaScript 
控制 HTML 页 面 上 的 对 象 ，JavaScript 的 代码 必须 与 HTML 代码 结合 在 一 起 。 将 JavaScript 
嵌入 HTML 页 面 时 ， 必 须 使 用 <script 标 签 ， 该 标签 使 用 格式 如 下 : 

<script language="JavaScript"> 

//JavaScript 代码 
</ script> 
标签 <scrip 华 通知 浏览 器 ， 有 脚本 嵌入 到 标签 中 。 


5.2.1 标识 符 与 关键 字 


标识 符 是 用 来 标识 常量 、 变 量 、 函 数 的 名 称 符号 ， 其 命名 必须 以 字母 开始 ， 由 字母 、 
数字 、 下 划 线 组 合 而 成 。 标 识 符 命名 要 遵循 如 下 的 规则 : 
@ 变量 名 不 能 与 关键 字 冲突 。 
@ 变量 名 必须 以 字母 或 者 下 划 线 (_) 开头 ， 不 能 用 数字 或 者 其 他 非 字 母 字符 作为 变 
量 名 开头 。 
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@ 变量 名 中 不 能 包含 空格 。 

@ JavaScript 是 区 分 大 小 写 的 ， 所 以 给 变量 命名 时 要 考虑 大 小 写 的 问题 。 

关键 字 是 JavaScript 语言 的 保留 字 ， 用 小 写字 符 串 表示 语法 含义 的 特殊 字 。 如 果 书 写 有 
误 ， 则 会 显示 “JavaScript 脚本 错误 ”的 信息 。 常 用 的 关键 字 有 var、if、switch、case、for、 
while、do、this 等 。 


5.2.2 ”数据 类 型 


JavaScript 语言 提供 的 数据 类 型 包括 字符 串 、 数 值 整数 和 实数 ) 和 布尔 型 。 

@ 字符 串 型 : 用 单 引号 或 双 引 号 表示 ,“ABC”“hello”“ 您 好 ”。 

转 义 字符 是 用 反 斜 杠 开头 的 特殊 字符 型 ， 常 用 在 字符 串 中 ， 表 示 不 可 显示 的 特殊 字符 。 
表 5-1 列 出 了 常用 的 转 义 字符 。 


表 5-1 常用 的 转 义 字符 


转 义 字符 描述 
wb 表示 双 引 号 本 身 
mn 表示 单 引号 本 身 
上 表示 反 借 线 
vt | 去 示 Tab 符 | 00 | 八进制 数 
四 十 六 进 制 数 


@ ”数值 型 ， 整 型， 如 123; 实 型 ， 如 123.23。 
@ ”布尔 型 逻辑 真 值 用 true 表示 ， 逻 辑 假 值 用 false 表示 。 


5.2.3 ”常量 


常量 是 指 在 程序 运行 过 程 中 ， 其 值 不 变化 的 量 。 在 脚本 程序 中 常量 可 以 直接 给 出 ， 也 
可 以 用 符号 常量 名 间接 表示 。 字 符 型 常量 用 单 引号 或 双 引号 表示 ， 如 “hello”“ok”; 数值 
常量 可 以 是 整数 (234) 或 实数 (98.34); 若 有 些 常量 在 整个 程序 中 多 次 出 现 ， 可 以 用 符号 
常量 名 定义 (常量 名 一 般 用 小 写字 母 表示 )， 如 “const pi=3.141596”， 用 符号 常量 可 以 方便 


所 谓 变量 是 指 在 程序 运行 过 程 中 ， 其 值 在 不 断 发 生变 化 的 量 。 每 一 个 变量 都 有 一 个 变 
量 名 (用 标识 符 ) 表示 。JavaScript 中 采用 弱 类 型 变量 ， 变 量 可 以 不 做 声明 和 类 型 说 明 ， 而 
在 使 用 或 赋值 时 确定 类 型 即 可 。 但 为 了 形成 良好 的 编程 风格 ， 变 量 应 该 采取 先 定义 再 使 用 
的 方法 。JavaScript 中 变量 的 定义 用 关键 字 var 来 说 明 。 例 如 ， 定 义 一 个 名 为 id 的 变量 : 
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< script language ="JavaScript"> 
var id; 
</ script > 


若 定义 多 个 变量 名 则 用 分 号 隔 开 。 
5.2.5 ”运算 符 /表达 式 

JavaScript 语言 提供 了 丰富 的 运算 功能 ， 包 括 算术 运算 、 关 系 运算 、 逻 辑 运算 和 连接 运 
算 等 ， 下 面 介 绍 各 类 运算 符 的 含义 。 

1. 算术 运算 符 


+ 《加 )、- ( 减 )、*( 乘 )、/〔( 除 )、%〔 取 模 )、++ ( 递 加 )、 一 《递减 )、|〈 按 位 或 )、 
有 &〔 按 位 与 )、<<〈 左 移 )、>> ( 右 移 )、~ 〈 取 补 )、-〈 取 反 )。 


2. 比较 运算 符 

< 小 于 )、> (大 于 )、<= (小 于 等 于 )、>= (大 于 等 于 )、 一 (等 于 )、!= (不 等 于 )。 
3. 逻辑 运算 符 

&& (逻辑 与 )、|| (逻辑 或 )、! (逻辑 非 )、^ (逻辑 异 或 )。 

4. 赋值 运算 符 


= (赋值 )、+= (累加 赋值 )、-=( 累 减 赋值 )、*=〈 连 乘 赋 值 )、/= 连 除 赋值 )、%=( 取 
模 赋值 )。 


5. 条 件 选择 符 

条 件 表达 式 ? A:B〈 若 条 件 表达 式 为 tue， 其 值 为 A; 反之 为 B)。 

6. 连接 运算 符 

+ 《连接 两 个 字符 串 )。 

表达 式 就 是 把 常量 、 变 量 、 函 数 用 上 述 运算 符 连接 在 一 起 的 式 子 。 根 据 运 算 结 果 的 不 
同 , 表达 式 也 可 以 分 为 算术 、 关 系 、 风 辑 表达 式 。 关系 /逻辑 表达 式 的 值 为 布尔 型 (true、 false)。 


5.2.6 ”内 置 对 象 


JavaScript 中 的 内 置 对 象 包括 数学 (Math) 对 象 、 字 符 串 (String) 对 象 、 日 期 (Date) 
对 象 、 时 间 〈Time) 对 象 和 数组 〈Array) 对 象 等 。 


1. Math 对 象 
Math 对 象 封装 了 进行 所 有 基本 数学 计算 的 功能 和 常量 的 属性 和 函数 ， 如 表 5-2 所 示 。 
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Math 对 象 不 需要 用 new 操作 符 创建 对 象 ， 而 是 可 以 直接 使 用 ， 所 以 又 被 称 作 静 态 的 对 象 。 


调用 方式 为 “Math. 属 性 /函数 (参数 表 )”。 
表 5-2 Math 对 象 的 


属性 和 函数 


属 性 描述 函数 描 述 
PI 的 值 3.142 random() 产生 0 一 1 之 间 的 随机 数 
E 常数 e 的 值 round(value) value 的 四 舍 五 入 取 整 
LN10 10 的 自然 对 数值 abs(value) value 的 绝对 值 
LN2 exp(value) e 的 value 对 数 
SQRT2 2 的 平方 根 sqrt(value) value 的 平方 根 
SQRT1.2 0.5 的 平方 根 log(value) value 的 自然 对 数 
LOG10E 以 10 为 底 的 常数 E 的 对 数值 sin(value) value 的 正弦 值 
LOG2E 以 2 为 底 的 常数 E 的 对 数值 cos(value) value 的 余弦 值 

例 5.1 创建 简易 计算 器 。 

<html> 

<head> 


<script language="JavaScript"> 
alert(Math.abs(-1));// 返 回绝 对 值 
alert(Math.round(3.8));/ 返 回 四 舍 五 入 之 后 的 整数 
alert(Math.random());// 返 回 0 和 1 之 间 的 一 个 随机 数 
</script> 

</head> 

<body> 

</body> 

</html> 


2. String 对 象 


String 对 象 封 装 了 对 字符 串 进 行 处 理 的 属性 和 函数 ， 它 只 有 一 个 length 属性 , 第 1 个 字 
符 位 置 值 是 0。String 对 象 不 需要 用 new 定义 ,可 以 直接 用 var 定义 ， 如 “varstrl="hello";”。 


String 对 象 封 装 了 下 列 几 个 函数 。 
(1) 定位 查找 字符 一 一 charAt(position) 
功能 : 查找 String 对 象 中 第 position 位 置 的 字 
例 5.2 定位 查找 字符 示例 。 


<head> 

<script language="JavaScript"> 
var str1="hello"; 

var findstr2=str1.charAt(4); 
alert(findstr2); 

</script> 

</head> 


符 。 
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<body> 


</body> 
</html> 


结果 : o。 

说 明 : 从 strl 串 中 查找 第 $ 个 字符 。 该 函数 不 适合 在 中 文 串 中 查找 。 
(2) 从 左 查找 字符 位 置 indexOf substr) 

功能 : 从 String 对 象 中 查找 substr 字符 串 的 位 置 。 

例 5.3 ”从 左 查 找 字 符 位 置 示例 。 


<html> 

<head> 

<script language="JavaScript"> 
var str1="hello"; 

var findstr2=str1.indexOf("o"); 
alert(findstr2); 

</script> 

</head> 

<body> 

</body> 


结果 : 4。 

说 明 :， 从 strl 串 中 开始 查找 字符 o 的 位 置 ， 其 结果 为 4。 如 果 找 不 到 ， 则 返回 -1。 
(3) 取 子 字符 串 Substring(position1,position2) 

功能 :查找 String 对 象 中 position1 到 position2 位 置 之 间 的 字符 串 。 

例 5.4 取 子 字符 串 示 例 。 


<html> 

<head> 

<script language="JavaScript"> 
var str1="hello"; 

var findstr2=str1.substring(2,5); 
alert(findstr2); 

</script> 

</head> 

<body> 

</body> 

</html> 


结果 : llo。 
说 明 : 从 strl 串 的 第 3 个 字符 开始 查找 3 个 字符 串 ， 结 果 为 llo。 


(4) 小 写 转换 成 大 写 toUpperCase() 
功能 : 将 String 对 象 小 写字 符 转换 成 大 写字 符 。 
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例 5.5 小写 转换 成 大 写 示 例 。 


<head> 

<script language="JavaScript"> 
var str1="hello"; 

var findstr2=str1.toUpperCase(); 
alert(findstr2); 

</script> 

</head> 

<body> 

</body> 

</html> 


结果 : HELLO。 

(5) 大 写 转换 成 小 写 一 一 toLowerCase() 

功能 : 将 String 对 象 大 写字 符 转 换 成 小 写字 符 。 
例 5.6 大 写 转换 成 小 写 示 例 。 


<head> 

<script language="JavaScript"> 
var str1="HELLO"; 

var findstr2=str1.toLowerCase(); 
alert(findstr2); 

</script> 

</head> 

<body> 

</body> 

</html> 


结果 : hello。 

(6) 产生 超 链 接 字 符 一 一 link(URL) 
功能 : 形成 超 链接 到 URL 上 的 字符 串 。 
例 5.7 产生 超 链接 字符 示例 。 


<html> 

<head> 

<script language="JavaScript"> 
var str1="HELLO"; 

var linkstr2=str1.link("default.html"); 
alert(linkstr2); 

</script> 

</head> 

<body> 

</body> 

</html> 


(% 
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linkstr2 等 价 于 “<A HREF="default.html"> HELLO </A>”。 
(7) 产生 瞄 点 字符 一 一 anchor() 

功能 : 在 网 页 中 形成 瞄 点 字符 。 

例 5.8 产生 瞄 点 字符 示例 。 


<head> 

<script language="JavaScript"> 

var str1="HELLO"; 

var linkstr2=str1.anchor("Discount"); 
alert(linkstr2); 

</script> 

</head> 

<body> 

</body> 

</html> 


linktext2 等 价 于 “<A NAME="Discount "> HELLO </A>”。 
3. Date 对 象 
Date 对 象 封装 了 有 关 时 间 、 日 期 的 一 些 属性 和 函数 ， 其 含义 如 表 5-3 所 示 。 


表 5-3 Date 日 期 对 象 的 属性 和 函数 


属 性 | 描述 | 方法 | 描述 | 方法 | 
| getyear0 | 获取 年 份 值 ”| servearO | 


Year 8 

Month 获取 月 份 值 
Da 获取 日 期 什 
Hours 时 

Minutes 分 钟 
Seconds 获取 秒 值 


Date 对 象 的 定义 格式 有 3 种 ， 下 面 分 别 进行 介绍 。 

(1) 格式 1: var day=new Date(); 
功能 :获取 计算 机 当期 系统 日 期 作为 day 对 象 的 时 间 值 。 
例 5.9 格式 1 应 用 示例 。 


<html> 

<head> 

<script language="JavaScript"> 
var day=new Date(); 

alert(day); 

</script> 

</head> 

<bod y> 

</body> 

</html> 
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(2) 格式 2: var day=new Date( 年 ,月 ,日 ); 


功能 : 创建 day 对 和 象 为 指定 年 份 、 日 期 、 时 间 值 ， 小 时 、 分 钟 、 秒 为 0， 如 : 


var Birthday=new Date(2001,4,23); 


(3) 格式 3: var day=new Date( 年 ,月 ,日 ,小 时 ,分 , 秒 ); 
功能 : 创建 一 个 具体 年 份 的 日 期 、 时 间作 为 day 对 象 的 值 ， 如 : 


var meetday=new Date(2010,3,23,10,30,12); 


例 5.10 显示 系统 日 期 。 


<html> 
<head> 
<tatle> Data 对 象 的 应 用 </tatle> 
</head> 
<script language=JavaScript> 
var date=new Date(); 
var year=date.getYear(); 
var month=date.getMonth(); 
month=month+1; 
var day=date.getDate(); 
var hours=date.getHours(); 
var minutes=date.getMinutes(); 
var seconds=date.getSeconds(); 
document.write("<pre>"); 
document.write("\n 当期 日 期 为 "+year+" 年 "+month+" 月 "+day+" 日 "); 
document.write("\n 当期 时 间 为 "+hours+" 小 时 "+minutes+" 分 "+seconds+" 秒 "); 
document.write("</pre>"); 
</script> 

<body> 
</body> 
</html> 


4. Array 对 象 


数组 是 一 系列 元 素 的 有 序 集合 ， 它 的 强大 功能 是 不 可 替代 的 。 在 JavaScript 中 ， 可 以 使 


用 Array 对 象 来 完成 对 数组 的 操作 。Array 对 象 中 的 成 员 对 象 从 0 开始 ， 其 属性 length 表示 
数组 的 长 度 。Array 对 象 封装 了 对 数组 的 排序 、 反 序 、 取 子 数 组 等 方法 ， 其 具体 含义 如 表 5-4 


所 示 。 
表 5-4 Array 对象 提 供 的 方法 
方法 功 能 
toString 输出 所 有 数组 元 素 
reveres() 使 数组 中 的 元 素 顺序 反 
slice(s.e) | 返回 一 个 从 s 到 e 之 间 的 子 数组 
so 按 字母 顺序 对 数组 进行 排序 


1S1 
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例 5.11 声明 数组 ， 定 义 4 个 学 生 姓名 。 


var student=new Aray(10); 
student[0]="zhangping"; 
student[1]="liwei"; 
student[2]="wanghao"; 
student[3]="sunxia"; 


例 5.12 下 拉 菜 单 解释 框 示 例 。 


<html> 
<head> 
<script language="JavaScript"> 
var messages = new Array(6); 
messages[0] = ”; 
messages[1] = "163.com"; 
messages[2] = "126.com"; 
messages[3] = "QQ.com"; 
messages[4] = "yahoo.com.cn"; 
messages[5] = "sina.com "; 
function messageReveal() 
{ 
var messageindex = document.messageForm.messagePick.selectedindex 
document.messageForm.messageField.value = messages[messageindex]; 
} 
document.write("<pre>"); 
document.write("\n 输出 整个 数组 :"+messages .toString()); 
document.write("\n 输出 数组 第 3,4,5 元 素 :" +messages.slice(2,4)); 
document.write("</pre>"); 
</script 
</head> 
<body> 
<form name="messageForm"> 
<select name="messagePick" onChange="messageReveal()"> 
<option value="0" selected> 下 拉 菜 单 </option> 
<option>163 邮箱 </option> 
<option>126 邮箱 </option> 
<option> QQ 邮箱 </option> 
<option> 雅 虎 邮 箱 </option> 
<option> 新 浪 邮 箱 </option> 
</select> 
<br> 
<p> 
<textarea name="messageField" rows=6 cols=38 wrap=virtual 
class="pt9"></textarea> 
</form> 
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</body> 
</html> 


5.2.7” 内置 函数 


JavaScript 中 的 内 置 函 数 如 表 5-5 所 示 。 
表 5-5 JavaScript 中 的 内 置 函数 


功能 描述 
对 字符 串 进行 编码 
对 字符 串 进行 解码 
将 字符 串 转换 为 实际 代表 的 语句 或 运算 
将 其 他 类 型 的 数据 转换 成 整数 
将 其 他 类 型 的 数据 转换 成 浮 点 数 
判断 一 个 表达 式 是 否 是 字符 


例 5.13 内置 函数 示例 。 


<html> 

<head> 

<script language="JavaScript"> 
var nu=prompt(" 请 输入 数据 ", 123); 
var str1=isNaN(nu); 

if (str1) 


{ 

window.alert(" 不 是 数字 字符 串 "); 
jelse{ 
window.alert(" 数 字 字 符 串 "); 
str1=parselnt(nu)*100; 
str2="str1*100"; 
window.alert(eval(str2));} 
</script> 
</head> 
<body> 
</body> 
</html> 


如 果 输 入 的 是 数字 ， 则 打开 一 个 提示 窗口 ， 显 示 “ 数 字 字符 串 ”， 然 后 进行 计算 ; 否则 
显示 “不 是 数字 字符 串 ”。 


5.2.8 ”事件 


事件 就 是 Web 页 面 在 浏览 器 处 于 活动 状态 时 发 生 的 各 种 事情 ， 如 浏览 器 加 载 、 卸 载 一 
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个 页 面 ， 用 户 单 击 鼠 标 、 移 动 鼠标 ， 以 及 按 下 键盘 的 某 个 键 。 事 件 调用 函数 就 是 当 发 生 了 
某 个 事件 之 后 去 调用 函数 进行 处 理 的 方式 。 表 5-6 列 出 了 JavaScript 中 常用 的 事件 。 


表 5-6 ”页面 元 素 与 对 应 的 事件 表 


事件 调用 函数 支持 的 页 面 元 素 
onclick 所 有 元 素 
ondbclick 鼠标 双击 时 所 有 元 素 
onchange 显示 的 值 改变 时 表单 元 素 
onfocus 窗口 或 元 素 获得 焦点 时 <body> 和 表单 元 素 
onblur 窗口 或 元 素 失去 焦点 时 <body> 和 表单 元 素 
onload 文档 、 图 像 或 对 象 加 载 完 毕 时 | <body>、<frameset>、<img>、<iframe>、<object> 
onsubmit 表单 提交 时 <form> 
onunload <body>、<frameset> 
例 5.14 显示 按钮 单 击 事件 。 
<html> 
<head> 


<script language="JavaScript"> 
function clickme() 


alert(" 按 钮 被 点 击 "); 
} 
</script> 
</head> 
<body> 
<input type="button" onclick="clickme()" value=" 点 击 我 "> 
</body> 
</html> 


5.3 ” JavaScript 自 定 义 子 数 


JavaScript 除了 提供 内 置 的 函数 外 ， 还 允许 用 户 自 定义 具有 计算 功能 的 应 用 函数 。 


5.3.1 函数 的 定义 


JavaScript 中 的 函数 可 以 简单 理解 为 一 组 语句 ， 它 们 用 来 完成 一 系列 工作 。JavaScript 
不 区 分 函数 和 过 程 ， 因 为 它 只 有 函数 。 
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1. 函数 的 定义 
function 函数 名 ( 形 参 1, 形 参 2,…, 形 参 N) 
天 标清 避 网 
} 
2.， 函数 的 参数 
在 函数 定义 时 确定 参数 ， 调 用 时 将 实 参 传递 给 形 参 。 
3. 函数 返回 值 
可 以 使 用 return 语句 返回 常量 、 变 量 或 表达 式 等 。 
例 5.15 自 定义 判断 闻 年 函数 isrunyear()。 


function isrunyear(s) 
{vartemp=false; 
并 ((n%400==0)ll(n%4==0)&&(n%100!=0)) 


{temp=true; 
3 
return temp; 


5.3.2 ”函数 的 调用 


函数 必须 通过 调用 才能 发 挥 作用 。 函 数 的 调用 格式 为 : 
函数 名 〈 实 参 ) 
例 5.16 简单 计算 器 。 


<html> 

<head> 

<title> 简单 计算 器 </title> 
<style> 

input {width:40px;height:30px} 
</style> 

</head> 

<body> 

<script language="JavaScript"> 
function doact(key) 

{ 


document.form1.t1.value+=key:; 


} 
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function docal() 

{ 

document.form1.t1.value=eval(document.form1.t1.value); 

} 

</script> 

<center> 

<form name="form1" method="post" act="" style="background:#efefef;width:210px;"> 
<br> 

<input tyle="text" name="t1" value="" style="width:190px;height25px"> 
<br><br> 

<input type ="button" value="+" onclick="doact(this.value)"> 

<input type ="button" value: onclick="doact(this.value)"> 

<input type ="button" value: onclick="doact(this.value)"> 

<input type ="button" value="/" onclick="doact(this.value)"> 

<br><br> 

<input type ="button" value="1" onclick="doact(this.value)"> 

<input type ="button" value="2" onclick="doact(this.value)"> 

<input type ="button" value="3" onclick="doact(this.value)"> 

<input type ="button" value="4" onclick="doact(this.value)"> 

<br><br> 

<input type ="button" value="5" onclick="doact(this.value)"> 

<input type ="button" value="6" onclick="doact(this.value)"> 

<input type ="button" valu onclick="doact(this.value)"> 

<input type ="button" value="8" onclick="doact(this.value)"> 

<br><br> 

<input type ="button" value="9" onclick="doact(this.value)"> 

<input type ="button" value: onclick="doact(this.value)"> 
onclick="doact(this.value)"> 


<input type 

<input type ="button" value: onclick="docal()"> 

<br><br> 

<input type ="button" value="pi" onclick="doact(Math.Pl)"> 

<input type ="button" value="sqrt" onclick="t1.value=Math.sqrt(t1.value)"> 
<input type ="button" value="1/x" onclick="t1.value=1/(t1.value)"> 
<input type ="button" value="c" onclick="t1.value=""> 

<br><br> 

</form> 

</center> 

</body> 

</html> 


5.4 JavaScript 控制 语句 


JavaScript 提供 了 if-…else、switch…case、for、while、continue 等 多 种 形式 的 语句 用 于 
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控制 程序 的 执行 顺序 ， 这些 语句 的 功能 和 C++ 语句 功能 相似 。 下 面 简要 介绍 JavaScript 控制 
语句 的 功能 及 应 用 。 


5.4.1 条 件 语句 if…else 


条 件 语 句 if…else 的 格式 如 下 : 
让 (条 件 表达 式 ) 
于 
语句 块 1; 
} 
<else> // 可 选 


人 
语句 块 2; 


} 
功能 : 如 果 条 件 表达 式 为 tue， 则 执行 语句 块 1; 否则 执行 语句 块 2。 其 逻辑 结构 如 
图 5-1 所 示 。 


图 5-1 条 件 语句 的 逻辑 结构 


例 5.17 问候 语 。 


<html> 

<head> 

<script language="JavaScript"> 

var nowtime=new Date(); 

var now_hour=nowtime.getHours(); 

if ((now_hour>=0 )&& (now_hour<6)) 
{ window.alert(" 熬 夜 了 吗 "); 

站 

if ((now_hour>=6 )&& (now_hour<8)) 
{ window.alert(" 早 上 好 "); 

} 

if ((now_hour>=8 )&& (now_hour<11)) 
{ window.alert(" 上 午 好 "); 

} 

if ((now_hour>=11 )&& (now_hour<13)) 
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{window ,alert(" 午 饭 吃 了 吗 "); 


} 
if ((now_hour>=13 )&& (now_hour<17)) 
{ window.alert(" 下 午 好 "); 


} 
if ((now_hour>=17 )&& (now_hour<24)) 
{ window.alert(" 晚 上 好 "); 


} 
</script> 
</head> 
<body> 
</body> 
</html> 


5.4.2 ”选择 语句 switch…case 


选择 语句 switch…case 的 格式 如 下 : 
switch (条 件 表达 式 ) 
{case 值 1: 语 句 1; 
break; 
case 值 2: 语 句 2; 
break:; 


case 值 n: 语 句 ni; 
break; 
default: 语 句 n+l1; 


} 
功能 : 根据 条 件 表达 式 的 不 同 取 值 ， 分 别 执行 其 对 应 的 语句 ， 否 则 执行 default 后 面 的 
语句 。 其 逻辑 结构 如 图 5-2 所 示 。 


5-2 ”选择 语句 的 逻辑 结构 
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例 5.18 输入 年 、 月 数值 ， 输 出 对 应 的 天 数 。 


<html> 
<head> 
<script language="JavaScript"> 
function isrunyear(n) 
{var temp=false; 
if ((n%400==0)||((n%4==0)&&(n%100!=0))) 
{temp=true; 
return temp; 
} 
function havedays(theyear,themonth) 
{ 
var tempresult=0; 
switch(themonth) 
{ 
case 1: 
Case 3: 
case 5: 
Case 7: 
case 8: 
case 10: 
case 12:tempresult=31;break; 
case 4: 
case 6: 
case 9: 
case 11:tempresult=30;break; 
case 2:tempresult=(isrunyear(theyear)?29:28);break; 
} 
return tempresult; 
} 
var year=prompt(" 输 入 年 份 ",2002); 
var month=prompt(" 输 入 月 份 ",12); 
var temp1=havedays(parselnt(year),parselnt(month )); 
document.write(temp1); 
</script> 
</head> 
<body> 
</body> 
</html> 


5.4.3 ”循环 语句 
循环 语句 的 格式 有 for 语句 、while 语句 和 do-while 语句 3 种 ， 下 面 分 别 进行 介绍 。 
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(1) for 语句 
格式 如 下 : 
for (初始 表达 式 ;循环 条 件 表 达 式 ; 增 量 表达 式 ) 


wifi] 循环 体 
} 
(2) while 语 句 
格式 如 下 : 

while (循环 条 件 表达 式 ) 


{ 
tii 循环 体 
增 量 表达 式 ; 

} 
(3) do-while 语句 
格式 如 下 : 


dof{ 
ep | 循环 体 
}while (循环 条 件 表达 式 ) 
功能 ， 当 循环 条 件 表达 式 为 true 时 ， 执 行 循环 体 ， 否 则 退出 循环 体 ， 继 续 执行 后 续 语 
句 。for、while 语句 的 逻辑 结构 如 图 5-3 所 示 。 


循环 变量 = 初始 表达 式 


循环 变量 < 终止 表达 se 


5-3 for、while 语句 的 逻辑 结构 
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例 5.19 中文 日 历 。 


<html> 
<title> ”中 文 日 历 </title> 
<head> 
<script language="JavaScript"> 
var str1=" 日 ,一 ,二 ,三 ,四 ,五 ,六 "; 
var weekarry=str1.split(","); 
var today=new Date(); 
Var yy=today.getYear(); 
var mm=today.getMonth()+1; 
var dd=today.getDate(); 
var ww=weekarry[today.getDay()]; 
function isrunyear(n) 
{vartemp=false; 
if ((n%400==0)||((n%4==0)&&(n%100!=0))) 
{temp=true; 
} 
return temp; 
} 
function havedays(theyear,themonth) 
{ 
var tempresult=0; 
switch(themonth) 
{ 
case 1: 
Case 3: 
case 5: 
case7: 
case 8: 
case 10: 
case 12:tempresult=31;break:; 
case 4: 
case 6: 
case 9: 
case 11:tempresult=30;break:; 
case 2:tempresult=(isrunyear(theyear)?29:28);break; 
} 
return tempresult; 
} 
var runyear=”; 
if (isrunyear(yy)) 
{runyear=" 半 年 "; 
} 
document.write("<div style='width:200px; align='center> "); 
document.write((yy+" 年 "+mm+" 月 "+runyear+"<br> 星 期 "+ww+"<br").fontsizef" 
document.write("<span style='font-size:72px'>"+dd+"</span>"); 


161 


) 


夕 Web 开发 实用 技术 基 而 


document.write("<table width="100%'>"); 
document.write("<tr style='background:#efefef'>"); 
for (var i=0;i<=6;i++) 
{document.write("<td>"+weekarry[i]+"</td>"); 
document.write("</tr>"); 
var firstday=new Date(yy+"/"+mm+"/1"); 
var fweek=firstday.getDay(); 
var daynum=havedays(yy,mm); 
for (var j=1;j<=6;j++) 
{ 
document.write("<tr>"); 
for (var i=0;i<=6;i++) 
{ 
theday=7*(j-1)+i+1-fweek; 
if (0==1)&&(i<fweek))lltheday>daynum)) 
{ 
document.write("<td>&nbsp;></td>"); 
} 
else 
{ 
switch(i) 
{ 
case 0:{document.write("<td>"+(""+theday).fontcolor("#ff0000")+"</td>"); 
break;} 
case 6:{document.write("<td>"+(""+theday).fontcolor("#00cc00")+"</td>"); 
break;} 
default :document.write("<td>"+theday+"</td>"); 
} 
了 
} 
document.write("</tr>"); 
} 
document.write("</table>"); 
document.write("</div>") 
</script> 
</head> 
<body> 
</body> 
</html> 


5.4.4 ”其 他 语句 


(1) for-in 语句 
格式 如 下 : 


162 


第 5 章 Web 客户 端 脚本 语言 设计 名 


for (变量 in 对 象 ) 
{ 代码 块 ;} 
功能 : 每 次 循环 将 对 象 的 属性 依次 赋予 循环 变量 。 
(2) break 语句 
格式 如 下 : 
break; 
功能 : 跳出 循环 ， 继 续 执行 该 循环 之 后 的 代码 。 
(3) continue 语句 
格式 如 下 : 
continue; 
功能 ， 提 前 结束 当前 循环 ， 转 向 下 一 次 循环 。 
例 5.20 显示 对 象 属性 。 


<html> 
<head> 
</head> 
<script language="JavaScript"> 
var objects={user:"zhang",age:23,99:"1234****",email:"ppp.@126.com"}; 
for (var example in objects) 
{ 
if (example=="User") 
{ window.alert(" 用 户 名 ="+objects[example]);continue ;} 
if (example=="age") 
{ window.alert(" 年 龄 ="+objects[example]);} 
if (example=="qq") 
{ window.alert("QQ 号 ="+objects[example]);} 
if (example=="email") 
{break;} 
window.alert(" 下 次 循环 "); 
i 
</script> 
<body> 
</body> 
</html> 


5.5 浏览 器 对 象 模型 BOM 


浏览 器 对 象 模型 BOM 是 指 当 用 户 打 开 浏 览 器 时 ， 浏 览 器 中 的 JavaScript runtime engine 
在 内 存 中 自动 创建 一 组 对 象 ， 用 于 对 浏览 器 及 HTML 文档 对 象 模型 中 数据 的 访问 和 操作 。 
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5.5.1 BOM 层次 结构 


浏览 器 对 象 模型 的 结构 如 图 5-4 所 示 。 


图 5-4 浏览 器 对 象 模型 的 结构 
浏览 器 对 象 常见 属性 及 方法 如 表 5-7 所 示 。 
表 5-7 浏览 器 对 象 常见 属性 及 方法 


属 性 描述 描述 

document | 对 话 框 中 显示 的 当前 文档 alert() 弹出 一 个 警示 对 话 框 

frames | 表示 当前 对 话 框 中 的 _frames 对 象 集合 弹出 一 个 提示 对 话 框 

location ”| 指定 当前 文档 的 URL 在 确认 的 对 话 框 中 显示 指定 的 字符 串 
在 新 的 浏览 器 中 打开 对 话 框 并 显示 有 

name 对 话 框 的 名 称 open() URL 引用 的 文档 , 并 设置 创建 对 话 框 的 
属性 

status 显示 状态 栏 中 的 当前 信息 关闭 被 引用 的 对 话 框 

i ee 用 于 获取 与 浏览 器 有 | print0 | 相当 于 浏览 器 工具 栏 中 的 “打印 ”按钮 


self 表示 当前 对 话 框 使 用 对 话 框 显示 URL 指定 的 网 页 
closed | 表示 当前 对 话 框 是 否 关闭 的 逻辑 值 。 | status0 | 状态 栏 

opener 。 | 表示 打开 当前 对 话 框 的 父 对 话 框 设置 对 话 框 的 大 小 

表示 用 户 屏幕 ， 提 供 屏幕 尺寸 、 颜 色 深 


Screen 


moveto() | 将 对 话 框 移动 到 指定 的 位 移 量 处 


度 等 信息 
top | 表示 最 顶层 的 浏览 器 对 话 杠 roi | ee 
parent | 表示 包含 当期 对 话 框 的 父 对 话 框 bs0 -| 站 引用 的 对 话 框 让 在 所 有 打开 对 语 框 


的 后 面 


浏览 器 对 象 的 引用 方式 有 以 下 两 种 : 

@ 逐 层 引用 

例如 ， 在 引用 forms 对 象 时 ， 使 用 window.document.forms。 

@ ”数组 型 浏览 器 对 象 的 引用 

在 文档 对 象 模型 中 , 有 些 对 象 属于 数组 型 对 象 , 如 document 对 象 下 一 层 的 images、links、 
forms 等 对 象 ， 在 引用 这 种 数组 对 象 时 ， 可 以 使 用 对 象 在 数组 中 的 位 置 〈 下 标 ) 来 引用 。 
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例如 ，window.document.forms[0] 表 示 引 用 文档 中 的 第 一 个 表单 。 

Window 对 象 作为 文档 对 象 模型 中 的 最 顶层 对 象 ，JavaScript 认为 它 是 默认 的 ， 因 此 可 
以 不 写 出 来 ， 如 window.document.forms 可 以 写成 document.forms。 

下 面 重点 介绍 几 个 浏览 器 对 象 。 


1. 窗口 对 象 (Window) 
Window 对 象 处 于 对 象 层次 的 最 顶端 ， 它 提供 了 处 理 浏览 器 窗口 的 方法 和 属性 。 该 对 象 
主要 包括 下 列 方法 : 


® open("url",["window name"[,"window feature"]]) 

功能 : 打开 具有 指定 名 称 的 新 窗口 ， 并 加 载 给 定 URL 所 指定 的 文档 ; 如 果 没 有 提供 
URL， 则 打开 一 个 空白 文档 。 

参数 说 明 如 下 。 

回 url:， 要 打开 窗口 的 URL 地 址 。 

回 “window name: 打开 窗口 的 名 称 ， 可 选项 。 

回 window features: 新 窗口 的 外 观 ， 可 选项 。 其 参数 有 height (窗口 的 高 度 )、 
width〈 窗 口 的 宽度 )、menubar (是 否 有 菜单 )、scrollbars (是否 有 滚动 条 ) 及 
resizable〈 窗 口 大 小 是 否 可 以 改变 )。 

@ close() 方 法 
功能 : 关闭 当前 窗口 。 
例 5.21 打开 指定 窗口 示例 。 


<html> 
<head> 
</head> 
< script language="javascript"> 
function openwindow( ) { 

window.status=" 系 统 当前 状态 : 您 正在 注册 用 户 .…."; 

if (window.screen.width == 1024 && window.screen.height == 768) 

open("register.html"， "注册 窗口 "，"toolbars=0，location=0，statusbars=0，menubars=0, 
width=700,height=550,scrollbars=1"); 
else 
window.alert(" 请 设置 分 辨 率 为 1024x768， 然 后 再 打开 "); 。 } 


function closewindow!( ) 


{ 
if(window.confirm(" 您 确认 要 退出 系统 吗 ?")) 
window.close( ); 
} 
</script > 
<body> 
<form> 
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<input type="button" name="regButton" value=” 用 户 注册 " 
onclick="openwindow( )"> 
<input type="button" name="exitButton" value=" 退出 " 


onclick="closewindow( )"> 
</form> 


</body> 
</html> 


@ alert() 方 法 
功能 : 弹出 一 个 显示 信息 的 警示 对 话 框 ， 如 图 5-5 所 示 。 
@ confirm() 方 法 
功能 : 弹出 一 个 带 有 提示 信息 的 确认 对 话 框 ， 如 图 5-6 所 示 。 
@ prompt() 方 法 
功能 : 弹出 一 个 带 有 输入 信息 的 对 话 框 ， 如 图 5-7 所 示 。 

习 


LN 是 


Explorer 用 户 提示 


EF 
有 本 提示 : 
请 输入 你 的 名 字 


图 5-5 警示 对 话 框 图 5-6 确认 对 话 框 
2. 位 置 对 象 (Location) 


图 5-7 输入 信息 对 话 框 


Location 对 象 提供 了 与 当前 打开 的 URL 一 起 工作 的 方法 和 属性 , 它 是 一 个 静态 的 对 象 。 
Location 对 象 的 属性 及 方法 如 表 5-8 和 表 5-9 所 示 。 


表 5-8 ”Location 对 象 属性 


属 性 名 说 了 明 
host 设置 或 检索 位 置 或 URL 的 主机 名 和 端口 号 
hostname, 设置 或 检索 位 置 或 URL 的 主机 名 部 分 
href 设置 或 检索 完整 的 URL 字符 串 
表 5-9 Location 对 象 方法 
属 性 名 说 明 
assign("url") 加 载 URL 指定 的 新 的 HTML 文档 


重新 加 载 当前 页 


通过 加 载 URL 指定 的 文档 来 替换 当前 文档 


3. 历史 对 象 (History) 


History 对 象 提供 了 与 历史 清单 有 关 的 信息 ， 它 提供 了 下 列 3 种 常用 的 方法 。 
@ back() 方 法 : 加 载 History 列表 中 的 上 一 个 URL。 
@ forward() 方 法 : 加 载 History 列表 中 的 下 一 个 URL。 
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@ go("url' or number): 加 载 History 列表 中 指定 的 URL, 或 要 求 浏览 器 移动 指定 的 页 
面 数 。 
例 5.22 ”History 对象 应 用 示例 。 


<FORM name="form1" method="post" action="™> 


<TD width="4%"><A href="javascript: history.back( )"> 返 回 </A></TD> 
<TD width="4%"><A href="javascript: history.forward( )"> 前 进 </A></TD> 
<TD width="4%"><A href="javascript: location.reload( )"> 刷 新 </A></TD> 
<TD width="6%"><A href="../index.html"> 首 页 </A></TD> 
跳 转 到 其 他 板块 
<SELECT name="selTopic” id="selPTopic" onChange="javascript: location=this.value"> 
<OPTION value="news.html" selected="selected"> 新 闻 </OPTION> 
<OPTION value="gard.html"> 网 上 谈 兵 </OPTION> 
<OPTION value="IT.html"> 茶 馆 </OPTION> 
<OPTION value="education.html" selected > 教育 </OPTION> 
</SELECT> 
</FORM> 


4. 文档 对 象 (Document) 


Document 对 象 代表 浏览 器 窗口 中 的 文档 , 可 以 用 来 处 理 文档 中 包含 的 html 元 素 , 如 表 
单 、 图 像 、 超 链接 等 。Document 对 象 包 含 了 与 文档 元 素 (elements) 一 起 工作 的 对 象 ， 它 
将 这 些 元 素 封装 起 来 供 编程 人 员 使 用 。 有 关 文 档 对 象 的 属性 及 方法 的 详细 内 容 可 参见 本 章 
第 5.6 节 的 相关 内 容 。 


5.5.2 ”浏览 器 对 象 的 应 用 


例 5.23 利用 浏览 器 对 象 实现 在 浏览 器 状态 栏 中 从 右 向 左 自动 滚动 “计算 机 ”文字 。 


<html> 
<head> 
</head> 
<script language="JavaScript"> 
function scrollit_r2l(seed) 
{var m1 = "计算 机 " ; 
varm2 =""; 
var msg=m1+m2; 
var out =""; 
varc= 1; 
var speed = 100; 
if (seed > 100) 
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{ Seed-=2; 
var cmd="scrollit_r2I(" + seed + ") 
timerTwo=window.setTimeout(cmd,speed);} 
else if (seed <= 100 && seed > 0) 


{ for (c=0 ; c < seed ; c++) 
{ out+=" "} 
Out+=msg; seed-=2; 


var cmd="scrollit_r2I(" + seed + ")"; 
window.status=out; 
timerTwo=window.setTimeout(cmd,speed); } 
else if (seed <= 0) 
{ if (-seed < msg.length) 
{ 
out+=msg.substring(-seed,msg.length); 
Seed-=2; 
var cmd="scrollit_r2I(" + seed + ")"; 
window.status=out' 
timerTwo=window.setTimeout(cmd,speed);} 
else{ window.status=" "; 
timerTwo=window.setTimeout("scrollit_r2I(100)",speed); 

} 

} 

scrollit_r2I(100); 

</script> 

</script> 

<body> 

</body> 

</html> 


5.6 文档 对 象 模型 DOM 


当 在 浏览 器 中 打开 一 个 网 页 时 ， 网 页 中 的 每 个 标记 都 在 内 存 中 创建 了 一 个 对 象 ， 由 这 
些 对 象 按照 树 型 结构 组 成 的 模型 就 称 为 文档 对 象 模型 DOM (Document Object Model)。 


5.6.1 DOM 模型 结构 


按照 W3C DOM 规范 ，DOM 是 一 种 与 浏览 器 、 平 台 、 语 言 无 关 的 接口 ， 其 结构 如 图 5-8 
所 示 。 
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links anchors 
图 5-8 DOM 模型 结构 图 


文档 对 象 的 常用 属性 和 方法 如 表 5-10 所 示 。 
表 5-10 文档 对 象 的 常用 属性 和 方法 


| frames | | images | body 


属 性 描述 方法 描述 
clinkcolor | 链接 文字 的 颜色 Close0) 文档 的 输出 流 
打开 一 个 文档 的 输出 流 并 接收 write 和 writeln 方 
a 
bgcolor 文档 的 背景 颜色 Open0) 法 创建 页 面 的 内 容 
cookie 表示 cookie 的 值 Write( 向 文档 中 写 入 HTML 或 JavaScript 语句 
向 写 也 ipt 语句 ， Lb 
URL 获取 或 设置 URL Writeln0) Rh A 
行 符 结束 
bod 当前 文档 主体 对 象 _| creatElement 创建 一 个 HTML 标记 
fileSize 当前 文件 的 大 小 zetElementByld0 | 获取 指定 ID 的 HTML 标记 


5.6.2 文档 对 象 的 应 用 


例 5.24 显示 当前 系统 时 间 。 


<html> 

<head> 

</head> 

<script language="JavaScript"> 
tmpDate = new Date(); 

date = tmpDate.getDate(); 
month= tmpDate.getMonth()+ 1 ; 
year= tmpDate.getYear(); 
document.write(year); 
document.write(" 年 "); 
document.write(month); 


169 


) 


夕 Web 开发 实用 技术 基础 


170 


document.write(" 月 "); 
document.write(date); 
document write(" 日 ); 
</script> 

<body> 

</body> 

</html> 


例 5.25 实现 全 选 效果 。 


<html> 
<head> 
</head> 
<SCRIPT language="javascript"> 
function checkAll(boolValue ) { 
var allCheckBoxs=document.getElementsByName("isBuy") ; 
for (var i=0;i<allCheckBoxs.length ;i++) 
{ 
if(allCheckBoxs[i].type=="checkbox") 
allCheckBoxs[i].checked=boolValue ; 
} } 
</SCRIPT> 
<TR> 
<TD width="6%"><A href="javascript: checkAll(true)"> 全 选 </TD> 
<TD width="6%"><A href="javascript: checkAll(false)"> 全 不 选 
</A></TD> 
<TD width="88%"><IMG src="images/top.jpg" width="845" 
height="18"></TD> 
</TR> 
<body> 
</body> 
</html> 


例 5.26 验证 表单 。 


<html> 
<head> 
</head> 
<SCRIPT LANGUAGE = "JavaScript"> 
function checkUserName(){ ”// 验 证 用 户 名 
var fname = document.myform .txtUser.value; 
if(fname.length != 0X{ 
for(i=0;i<fname.length;i++){ 
var ftext = fname.substring(i,i+ 1); 
if(ftext < 9 || ftext > OX{ 
alert(" 名 字 中 包含 数字 \n"+" 请 删除 名 字 中 的 数字 和 特殊 字符 "); 
return false } } } 
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else{ alert(" 请 输入 :名 字 ); 
document.myform .txtUser.focus(); 
return false } 
return true; } 
function passCheck(){ /验证 密码 
var userpass = document.myform.txtPassword.value; 
if(userpass == ""){ 
alert(" 未 输入 密码 \n" + "请 输入 密码 "); 
document.myform txtPassword.focus(); 
return false; } 
if(userpass.length < 6){ 
alert(" 密 码 必须 多 于 或 等 于 6 个 字符 。\n"); 
return false; } 
return true; } 
</SCRIPT> 
<FORM name="myform" onSubmit="return validateform( ) method="post"action="reg_success.htm" >...... 
<INPUT name="registerButton" type="submit" id="registerButton" value="” 登 录 ”> 
<FORM name="myform" method="post" action= "reg_success.htm" onSubmit="retum checkEmail( ) "> ..... 
<INPUT name="registerButton" type="submit" id="registerButton" value="” 注 册 ”> 
<body> 
</body> 
</html> 


5.7 Ajax 技术 


Ajax (Asynchronous JavaScript and XML) 是 多 种 技术 的 综合 ， 它 使 用 XHTML 和 CSS 
标准 化 呈现 ， 使 用 DOM 实现 动态 显示 和 交互 ， 使 用 XML 和 XSTL 进行 数据 交换 与 处 理 ， 
使 用 XMLHttpRequest 对 和 象 进行 异步 数据 读 取 ， 使 用 JavaScript 绑 定 和 处 理 所 有 数据 。Ajax 
并 不 是 一 项 新 技术 ， 而 是 几 个 现 有 技术 的 新 组 合 ， 而 且 它 的 发 展 也 得 益 于 几 家 大 的 互联 网 
企业 的 率先 应 用 ， 可 以 说 Ajax 已 成 为 Web 开发 的 重要 武器 。 


5.7.1 Ajax 异步 模型 


传统 的 Web 应 用 允许 用 户 填写 表单 (Form)， 当 提交 表单 时 就 向 Web 服务 器 发 送 一 个 
请 求 。 服 务 器 接收 并 处 理 传 来 的 表单 ， 然 后 返回 一 个 新 的 网 页 。 这 个 做 法 浪费 了 许多 带宽 ， 
因为 在 前 后 两 个 页 面 中 的 大 部 分 HTML 代码 往往 是 相同 的 。 由 于 每 次 应 用 的 交互 都 需要 向 
服务 器 发 送 请 求 ， 应 用 的 响应 时 间 就 依赖 于 服务 器 的 响应 时 间 ， 这 导致 了 用 户 界面 的 响应 
比 本 地 应 用 慢 得 多 。 

与 此 不 同 是 Ajax 应 用 可 以 仅 向 服务 器 发 送 并 取 回 必需 的 数据 ， 它 使 用 SOAP 或 其 他 一 
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些 基于 XML 的 Web Service 接口 ， 并 在 客户 端 采用 JavaScript 处 理 来 自 服务 器 的 响应 。 因 
为 在 服务 器 和 浏览 器 之 间 交 换 的 数据 大 量 减少 ， 结 果 就 能 看 到 响应 更 快 的 应 用 。 同 时 很 多 
的 处 理工 作 可 以 在 发 出 请 求 的 客户 端 机 器 上 完成 ， 所 以 Web 服务 器 的 处 理 时 间 也 减少 了 。 

Ajax 使 用 Ajax/JavaScript 提交 模型 。 在 此 模型 中 ,使 用 JavaScript 截取 事件 调用 ， 当 该 
事件 发 生 时 (如 用 户 单 击 “ 提 交 ” 按 钮 )， 提 交 的 数据 传递 给 对 应 的 脚本 ,然后 有 脚本 发 起 
对 服务 器 的 调用 ， 因 为 脚本 可 以 立即 响应 事件 且 不 必 等 待 数据 的 提交 ， 所 以 从 服务 器 返 
的 数据 也 不 必 马 上 显示 给 用 户 , 而 脚本 也 不 必 像 以 前 一 样 被 动 等 待 服务 器 的 响应 。JavaScript 
使 用 XMLHttpRequest 对 象 的 POST 或 GET 方法， 将 数据 封装 到 URL 或 Request 中， 向 服 
务 器 提交 数据 。 在 PHP 中 ， 可 以 使 用 y》_GET、$ POST、$ REQUEST 收集 客户 机 传 上 来 的 
数据 ; 在 ASP、ASPNET 中 ， 可 以 使 用 QueryString、Form 或 Params 收集 客户 机 传 上 来 的 
数据 。 服 务 器 获得 数据 后 ， 就 可 以 按照 自己 的 方式 进行 处 理 ， 然 后 将 处 理 结果 返回 给 客 
户 端 。 


1. 创建 XMLHttpRequest 对 象 


XMLHttpRequest 对 象 最 初 是 作为 IE 5 中 的 一 个 ActiveX 控件 出 现 的 ,随后 Mozilla 1.0、 
Netscape 7、Safari 1.2 都 将 它 纳 入 其 中 。 XMLHttpRequest 对 象 在 IE 浏览 器 和 非 IE 浏览 器 中 
的 实现 方法 不 同 。 下 面 分 别 介绍 两 种 不 同 的 创建 代码 。 

在 Mozilla、Netscape、Safari 浏览 器 中 ， 创 建 XMLHttpRequest 对 象 的 JavaScript 代 
码 为 : 


xmlhttp_request=new XML HttpRequest(); 
在 正 浏 览 器 中 ， 创 建 XMLHttpRequest 对 象 的 JavaScript 代码 为 : 


xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");//IE2.0 
xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP");WIE2.0 以 上 


也 可 以 用 创建 一 个 函数 createXmlReq() 将 两 者 一 并 考虑 : 


互 


var httpreq; 

function createXmlReq(X{ 

if( window.XMLHttpRequest ) 

{//Mozilla、Netscape、Safari 浏览 器 
xmlhttp_request = new XMLHttpRequest(); 

else 

if( window.ActiveXObject ) 

{IE 浏览 器 

try 

{xmlhttp_request = new ActiveXObject( "Msxml2.XMLHTTP"); 

} 

catch (e) 


{ 
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try 
长 
xmlhttp_request = new ActiveXObject( "Microsoft.XMLHTTP" ); } 


atch(e) 


» 
C: 
{ 
} 
;》 
》 


2. Ajax 应 用 程序 的 优势 


采用 Ajax 技术 开发 的 应 用 程序 具有 下 列 优势 : 

@ 通过 异步 模型 ， 提 升 了 用 户 体验 。 

@ 优化 了 浏览 器 和 服务 器 之 间 的 传输 ， 减 少 不 必 要 的 数据 往返 ， 减 少 了 带宽 占用 。 

@ Ajax 引擎 在 客户 端 运行 ， 承 担 了 一 部 分 本 来 由 服务 器 承担 的 工作 ， 从 而 减少 了 大 

用 户 量 下 的 服务 器 负载 。 

异步 的 意思 就 是 组 件 在 后 台 工 作 期 间 ， 浏 览 器 与 用 户 保持 在 交互 状态 ， 并 不 更 新 当前 窗 
口 。XMLHttpRequest 对 象 的 异步 模型 使 用 XMLHttpRequest 对 象 时 必须 用 onreadystatechange 
事件 调用 该 对 象 。 在 触发 该 事件 后 ， 必 须 在 应 用 程序 采取 行动 之 前 检查 readyState 属性 的 
内 容 。 


3. 异步 模型 


Ajax 采用 异步 方法 向 服务 器 提交 需求 ， 实 现 Ajax 的 步骤 如 下 : 

(1) 创建 XMLHttpRequest 对 象 。 利 用 “xmlhttp_request=new XMLHttpRequest();” 或 
者 “xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");” 创 建 XMLHttpRequest 
对 象 。 

(2) 创建 HTTP 请 求 。 创 建 XMLHttpRequest 对 象 之 后 ， 必 须 为 XMLHttpRequest 对 
象 创建 HTTP 请 求 , 用 于 说 明 XMLHttpRequest 对 象 要 从 何 处 获得 数据 。 一 般 从 网 站 或 从 本 
地 获得 数据 。 通 过 调用 XMLHttpRequest 对 象 的 Open() 方 法 创建 HTTP 请 求 。 其 格式 为 : 

xmlhttp_request.open('GET', URL., true); 

其 中 ， 第 1 个 参数 是 HTTP 请 求 方式 (GET 或 POST)， 按 照 HTTP 规范 ， 该 参数 要 大 
写 ， 和 否则 ， 某 些 浏览 器 〈 如 Firefox) 可 能 无 法 处 理 请 求 ; 第 2 个 参数 是 请 求 页 面 的 URL; 
第 3 个 参数 用 于 设置 请 求 是 否 为 异步 模式 ， 如 果 是 true，JavaScript 函数 将 继续 执行 ， 而 不 
等 待 服务 器 响应 。 

(3) 设置 HTTP 请 求 状态 变化 的 函数 。 该 函数 用 来 检查 readyState 属性 ， 看 数据 是 否 
准备 就 绪 。 如 果 没 有 准备 好 ， 隔 一 段 时 间 再 次 检查 。 因 为 数据 没有 下 载 完 时 ， 无 法 使 用 它 的 
属性 和 方法 ; 如 果 已 经 准备 好 ， 就 继续 往 下 执行 。XMLHttpRequest 对 象 的 onreadystatechange 
属性 可 以 设置 为 要 使 用 的 JavaScript 函数 名 ， 格 式 为 : 
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xmlhttp_request.onreadystatechange =FunctionName; 
FunctionName 是 用 JavaScript 创建 的 函数 名 , 注意 不 要 写成 FunctionName(); 当然 也 可 
以 直接 将 JavaScript 代码 创建 在 onreadystatechange 之 后 ， 例 如 : 


xmlhttp_request.onreadystatechange = function(){ 

if (http_request.readyState == 4) { // 收 到 完整 的 服务 器 响应 } 
else { // 没 有 收 到 完整 的 服务 器 响应 } 

} 


首先 要 检查 请 求 的 状态 。 只 有 当 一 个 完整 的 服务 器 响应 已 经 收 到 ， 函 数 才 可 以 处 理 该 
响应 。XMLHttpRequest 提供 了 readyState 属性 来 对 服务 器 响应 进行 判断 。readyState 属性 值 
的 具体 含义 如 下 。 

@ 0: 表示 对 象 已 经 创建 ， 但 还 未 初始 化 ， 即 还 没 调用 open 方法 。 

@ 1: 表示 对 象 已 经 创建 并 初始 化 ， 但 还 未 调用 send 方法 。 

@ 2: 表示 已 经 调用 send 方法 ， 但 该 对 象 正在 等 待 状态 码 和 头 的 返回 。 

@ 3: 表示 已 经 接收 了 部 分 数据 ， 但 还 不 能 使 用 该 对 象 的 属性 和 方法 ， 因 为 状态 和 响 

应 头 不 完整 。 

@ 4: 表示 所 有 数据 接收 完毕 。 

(4) 发 送 HTTP 请 求 。 创 建 HTTP 请 求 ， 并 设置 相关 属性 之 后 ， 就 可 以 将 HTTP 请 求 
发 送 到 服务 器 上 。 使 用 XMLHttpRequest 对 象 的 send0) 发 送 到 服务 器 上 ， 其 格式 为 : 

xmlhttp_request.send(null); 

(5) 设置 获取 服务 器 返回 数据 的 语句 。 确 定数 据 已 下 载 完毕 后 ， 可 以 用 XMLHttp 
Request 对 象 的 responseText 或 responseXML 属性 来 取 回 数据 。responseText 属性 是 从 HTTP 
响应 中 重新 取 回 数据 的 最 常见 、 最 简单 的 方法 。 使 用 responseText 属性 获取 返回 数据 可 以 通 
过 函数 实现 ， 其 代码 如 下 : 


function processRequest() 
if (xmlhttp_request.readyState == 4) 
{// 判 断 对 象 状态 
if (xmlhttp_request .status == 200) // 正 常 返 回信 息 ， 状 态 编号 200 
{// 信 息 已 经 成 功 返回 ， 开 始 处 理 信息 
alert(xmlhttp_request .responseText); 
} 
else 
{// 页 面 不 正常 
alert(" 您 所 请 求 的 页 面 有 异常 。"); 
} 
} 
} 


如 果 想 要 将 XML 文档 回 传 给 客户 端 ，responseXML 属性 是 一 个 不 错 的 选择 ， 它 将 响应 
视 作 XML 文档 对 象 ， 然 后 用 DOM 迭代 不 同 的 元 素 、 属 性 和 文本 节点 。XMLHttpRequest 
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对 象 所 具有 的 属性 和 方法 如 表 5-11 和 表 5-12 所 示 。 


表 5-11 XMLHttpRequest 对 象 的 属性 


属 性 说 明 
onreadystatechange 返回 或 设置 异步 请 求 的 事件 处 理 程序 
TeadyState 返回 状态 码 : 0- 未 初始 化 ，1- 打 开 ; 2- 发 送 ，3- 正 在 接收 ; 4- 已 加 载 
ResponseBody ( 仅 IE7) 使 用 无 符号 字 节 数组 返回 HTTP 响应 
responseText 使 用 字符 串 返 回 HTTP 响应 
responseXML 使 用 XML DOM 对象 返回 HTTP 响应 
status 返回 HTTP 状态 码 ，200 表示 正常 返回 信息 
statusText 返回 描述 特定 HTTP 状态 码 含义 的 文本 
表 5-12 XMLHttpRequest 对 象 的 方法 
施法 说 了 明 
Abort 取消 请 求 
getAllResponseHeaders_| 获取 HTTP 响应 头 的 整个 列表 
getResponseHeader 仅 获 取 指 定 的 HTTP 响应 头 
Ot 需要 使 用 多 个 参数 ， 第 1 个 设置 方法 属性 ， 第 2 个 设置 目标 URL， 第 3 个 指定 
是 同步 〈false) 还 是 异步 〈true) 发 送 请 求 
Send 发 送 请 求 到 服务 器 
setRequestHeader 添加 自 定义 HTTP 头 到 请 求 


Ajax 其 实 是 一 项 复杂 的 技术 , 涉及 的 东西 很 多 ,除了 XMLHttpRequest 对 象 和 JavaScript 
外 , 还 有 DOM( 文 档 对 象 模型 ) XML 等 。 JavaScript 是 一 个 粘 合剂 , 它 通过 XMLHttpRequest 
对 象 对 浏览 器 端 页 面 的 诸多 元 素 进行 操控 ,实现 与 Web 服务 器 的 后 台 交 互 , 实现 数据 验证 、 
存 取 等 功能 。 


5.7.2 ”Ajax 技术 应 用 


下 面 通过 Ajax 编程 示例 ， 介 绍 用 Ajax 技术 实现 数据 验证 。 
例 5.27 用 户 名 唯一 性 数据 验证 。 
(1) 客户 端 文件 client.htm 


<html> 
<head> 
<meta http-equiv="Content-Type" content= "text/html; charset=gb2312"> 
<title>Ajax 客户 端 </title> 
<script language="javascript"> 
var xmlhttp_request = false; 
// 开 始 初始 化 XMLHttpRequest 对 象 
/这 段 代 码 考虑 到 了 xmlhttp_request 对 象 与 目前 主流 浏览 器 的 兼容 
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// 如 果 在 IE 浏览 器 下 测试 ， 一 条 
/xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP") 
/或 xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP") 语 句 即 可 
if(window.XMLHttpRequest) 
{ 
/Mozilla 浏览 器 
xmlhttp_request = new XMLHttpRequest(); 
if (xmlhttp_request .overrideMimeType) 
切 设置 MiME 类 别 
xmlhttp_request .overrideMimeType(text/xml); 
} 
} 
else 
if (window.ActiveXObject) 
{ 
/IE 浏览 器 
try 
{ xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP"); } 
catch (e) 
{ 
try 
{xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP"); } 
catch (e) 
他 
function send_request(url, data) 
// 初 始 化 、 指 定 处 理 函数 、 发 送 请 求 的 函数 
if (Ixmlhttp_request ) 
{// 异 常 ， 创 建 对 象 实例 失 败 
window.alert(" 不 能 创建 XMLHttpRequest 对 象 实例 ."); 
return false; 
} 
/确定 发 送 请 求 的 方式 、URL 以 及 是 否 同步 执行 下 段 代码 
xmlhttp_request.open("POST", url, true); 
xmlhttp_request .onreadystatechange = processRequest; /根据 Web 服务 器 应 答 ， 触 发 
/该 状态 改变 事件 
xmlhttp_request.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 
xmlhttp_request .send("username=" + data); // 发 送信 息 到 后 台 程 序 
} 
/状态 改变 事件 处 理 函 数 : 处 理 返回 的 信息 
function processRequest() 
{ 
if (xmlhttp_request .readyState == 4) 
{// 判 断 对 象 状态 


176 


第 5 章 Web 客户 端 脚本 语言 设计 怎 


if (xmlhttp_request .status == 200) /正常 返回 信息 ， 状 态 编号 200 
{// 信 息 已 经 成 功 返 回 ， 开 始 处 理 信息 
alert(xmlhttp_request .responseText); 
} 
else 
{// 页 面 不 正常 
alert(" 您 所 请 求 的 页 面 有 异常 。"); 
} 
} 
’ 
function userCheck() 
{ 
varf = documentform1; 
var username = f.username.value; 
if(username=="™") 
{ 
window.alert(" 用 户 名 不 能 为 空 。"); 
f.username .focus(); 
return false; 
} 
else 
{ 
// 该 语句 由 用 户 单 击 “ 唯 一 性 检查 ”按钮 后 执行 
send_request(" server.asp", username); 
} 
于 
</script> 
</head> 
<body> 
<form name="form1" action="" method="post"> 
用 户 名 : <input type="text" name="username'" value=""> 
<input type="button" name="check" value=" 唯 一 性 检查 " onClick="userCheck()"> 
<input type="submit" name="submit" value=" 提 交 "> 
</form> 
</body> 
</html> 


(2) Web 服务 器 端 文 件 server.asp 


<% 

dim username 

username = request("username") 

if username="zhanghua" then 

response.write(" 用 户 名 " & username & "已 经 被 注册 ， 请 更 换 一 个 用 户 名 ") 
else 


response.write(" 用 户 名 " & username & "尚未 被 使 用 ， 您 可 以 继续 ") 
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end if 
%> 


5.8 小 结 


本 节 首 先 介 绍 了 JavaScript 客户 端 脚本 语言 的 基础 知识 ， 内 容 包括 标识 符 、 关 键 字 、 数 
据 类 型 、 常 量 、 变 量 、 运 算 符 、 表 达 式 、 内 置 对 象 、 函 数 、 事 件 ; 然后 重点 对 控制 语句 、 
浏览 器 对 象 、 文 档 对 和 象 进行 了 详细 的 分 析 ， 并 列举 了 一 些 实用 的 例子 说 明 客户 端 脚本 程 
序 的 设计 方法 ， 最 后 对 Ajax 技术 进行 了 简要 的 叙述 。 通 过 本 章 学 习 ， 使 读者 初步 掌握 了 
用 JavaScript 语言 开发 Web 客户 端 动 态 网 页 的 相关 技术 ， 为 Web 应 用 系统 的 整体 开发 打下 了 
基础 。 


5.9 思 考题 


. VBScript 是 客户 端 脚本 语言 吗 ? 试 对 其 进行 说 明 。 

.JavaScript 语言 提供 哪些 数据 类 型 ? 

。 举例 说 明 JavaScript 内 置 对 象 中 Array 对 象 的 sort() 方 法 的 用 途 。 
.JavaScript 提供 了 几 种 循环 语句 ? 

. 浏览 器 对 象 模型 BOM 包括 哪些 对 象 ? 

简 述 DOM 模型 与 BOM 模型 之 间 的 关系 。 

。 Ajax 技术 是 一 种 新 的 技术 吗 ? 简要 说 明 它 包 括 哪些 技术 ? 

. 利用 Ajax 技术 编写 简单 的 数据 验证 程序 。 
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ASPNET 是 Microsoft 公司 推出 的 一 款 以 .NET Framework 为 基础 平台 的 动态 Web 开发 
技术 。Microsoft 公司 将 传统 的 ASP (Active Server Pages) 动态 Web 开发 技术 与 .NET 
Framework 相 结合 ， 使 得 开发 人 员 能 够 快速 、 高 效 、 便 捷 地 开发 出 可 靠 的 Web 应 用 程序 。 
与 此 同时 ，ASPNET 并 不 是 ASP 的 简单 升级 ， 它 使 用 .NET Framework 中 的 各 种 服务 器 端 编 
译 型 语言 ， 如 C#、VB.NET 等 ， 并 支持 Web Form、.NET 服务 器 控件 、ADONET、LINQ 
等 高 级 特性 。 随 着 Microsoft 公司 不 断 地 对 .NET 平台 进行 扩充 和 完善 ， 如 今 的 ASPNET 已 
成 为 Web 开发 领域 最 重要 的 服务 器 端 平台 技术 之 一 。 

本 章 紧 紧 围 绕 开 发 一 个 简单 的 Web 应 用 程序 所 需要 的 基础 知识 展开 讨论 ， 希 望 为 读者 
进一步 学 习 和 掌握 ASPNET 应 用 程序 开发 起 到 抛砖引玉 的 作用 。 首 先 对 .NET Framework 及 
ASPNET 做 简要 介绍 ， 然 后 分 别 阐述 Web 应 用 程序 开发 相关 的 基础 知识 ， 包 括 CSS 工具 、 
服务 器 控件 、 数 据 访问 、 主 题 与 外 观 、 母 版 页 和 内 置 对 象 等 ， 这 些 内 容 在 使 用 ASPNET 技 
术 开 发 Web 应 用 程序 时 都 是 至 关 重 要 的 。 


6.1 ASPNET 简介 


ASPNET 是 一 个 统一 的 Web 开发 模型 ， 它 包括 多 种 服务 以 便于 开发 人 员 使 用 尽 可 能 少 
的 代码 生成 企业 级 Web 应 用 程序 。 开 发 人 员 可 以 使 用 与 公共 语言 运行 库 (Common Language 
Runtime，CLR) 兼容 的 任何 语言 (包括 Visual Basic、C#、JScript.NET 和 有 天) 来 编写 代码 
访问 .NET Framework 中 的 类 , 开发 利用 公共 语言 运行 库 、 类 型 安全 、 继承 等 优点 的 ASP.NET 
应 用 程序 。 


6.1.1 .NET 框架 概述 


.NET 代表 了 一 个 集合 、 一 个 环境 、 一 个 可 以 作为 平台 支持 下 一 代 Internet 的 可 编程 结 
构 ， 它 通过 使 用 HTTP、XML 等 标准 ， 使 得 各 个 系统 平台 间 的 互 操作 成 为 现实 。.NET 的 最 
主要 部 分 是 .NET 框架 , .NET 框架 设计 为 一 个 集成 环境 , 可 以 在 Internet、 桌面 (如 Windows 
窗 体 ) 甚至 移动 设备 〈 使 用 精简 框架 Compact Framework) 上 无 颖 地 开发 和 运行 应 用 程序 。 
从 概念 上 讲 ，.NET 框架 代表 了 一 种 轩 新 的 软件 开发 模式 ， 它 与 Win32 API 或 COM 一 样 ， 
是 把 系统 服务 以 接口 形式 提供 给 开发 人 员 的 软件 开发 平台 。 与 以 往 不 同 的 是 ，.NET 框架 能 
够 更 好 地 完成 代码 重用 、 资 源 配置 、 多 语言 集成 开发 和 安全 管理 等 任务 ， 在 安全 性 、 易 用 
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性 以 及 开发 效率 等 方面 远 远 超过 了 以 往 的 开发 模式 。 

.NET 框架 也 被 理解 为 一 种 新 的 计算 平台 ， 它 简化 了 在 高 度 分 布 式 Internet 环境 中 的 应 
用 程序 开发 ， 支 持 超过 20 种 不 同 的 编程 语言 ， 帮 助 开 发 人 员 把 精力 集中 在 实现 商业 逻辑 的 
核心 上 ， 使 开发 人 员 的 经 验 在 面 对 不 同类 型 和 规模 的 应 用 程序 (如 基于 Windows 的 应 用 程 
序 和 基于 Web 的 应 用 程序 ) 时 保持 一 致 ， 在 未 来 的 版 本 中 甚至 仅 在 程序 发 布 时 才 需 要 指定 
发 布 的 类 型 (作为 WinForm 还 是 WebForm )。 

如 图 6-1 所 示 ，.NET 框架 由 两 部 分 组 成 : 通用 语言 运行 时 (CLR，.NET 开发 人 员 的 源 
代码 和 硬件 底层 之 间 的 中 间 媒 介 ， 所 有 的 .NET 代码 都 在 CLR 中 运行 ) 和 框架 类 库 (FCL,， 
包括 数据 访问 组 件 、 基 础 类 库 以 及 WebForm、WinForm、Web Services 模板 )。 


框架 类 库 


数据 和 XML 类 
(ADO.NET, SQL, XSLT, XML,etc) 


基础 框架 类 
(System.IO, System.Thread, System.Drawing, etc) 


通用 语言 运行 时 
(CTS, JIT Complier Exception, etc) 


图 6-1 .NET 框架 的 组 成 


自从 微软 推出 第 1 版 的 .NET Framework， 已 经 经 过 了 多 个 版 本 的 演变 ， 目 前 发 布 的 最 
新 版 本 是 .NET Framework 3.5。 下 面 列 出 了 .NET 技术 平台 的 发 展 过 程 。 
@ ”2000 年 6 月，Microsoft 公司 提出 了 .NET 的 构想 。 
@ 2002 年 1 月 ,Microsoft 公司 正式 发 布 了 .NET Framework 1.0 正式 版 和 Visual Studio 
2002 版 本 。 
@ 2003 年 4 月 , Microsoft 公 司 推出 了 .NET Framework 的 1.1 版 本 和 Visual Studio 2003。 
@ 2004 年 6 月 ，Microsoft 公司 发 布 了 .NET Framework 2.0 的 Beta 1 版 本 和 Visual 
Studio 2005 Betal 版 本 。 
2005 年 4 月 ，Microsoft 公司 发 布 Visual Studio 2005 Beta2 版 本 。 
2005 年 11 月 ，Microsoft 公司 发 布 Visual Studio 2005 和 SQL Server 2005 正式 版 。 
2006 年 底 ，Microsoft 公司 又 发 布 了 .NET Framework 3.0 版 本 。 
2007 年 11 月 ,Microsoft 公司 发 布 了 最 新 的 .NET Framework 3.5 和 Visual Studio 2008 
版 本 。 
@ .NET Framework 4.0 和 Visual Studio Team System 2010 将 会 在 2010 年 发 布 。 
本 章 接 下 来 的 内 容 是 基于 .NET Framework 3.5 展开 的 。 
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6.1.2 ”开发 环境 简介 


尽管 从 理论 上 讲 ， 只 用 Notepad 或 其 他 文本 编辑 器 就 可 以 写 出 ASPNET 应 用 程序 ， 但 
最 好 还 是 安装 一 个 Microsoft Visual Studio 的 副本 ， 因 为 其 中 包含 了 大 量 有 助 于 快速 创建 复 
杂 ASP.NET Web 应 用 程序 的 工具 和 一 套 在 基本 的 代码 管理 之 上 的 高 级 特性 ， 致 力 于 提高 开 
发 效率 ， 将 开发 人 员 从 繁重 、 繁 琐 的 开发 任务 中 解放 出 来 。 下 面 列 出 了 VS 2008 中 的 一 些 
优点 和 新 特性 : 

@ 集成 的 Web 服务 器 。 运 行 ASPNET Web 应 用 程序 需要 Web 服务 器 软件 (如 IIS)， 

它 等 待 Web 请 求 并 处 理 适 当 的 页 面 。 安 装 Web 服务 器 并 不 难 ， 但 也 不 方便 。 由 于 
VS 2008 内 集成 了 用 于 开发 的 Web 服务 器 ,开发 人 员 可 以 在 无 须 安装 IIS 的 情况 下 ， 
从 设计 环境 直接 运行 网 站 。 

@ ”多 语言 开发 。VS 2008 允许 开发 人 员 在 任何 时 候 在 同一 个 接口 (IDE) 下 使 用 某 种 
语言 或 者 多 种 其 他 语言 来 编程 。 不 仅 如 此 ，VS 2008 还 允许 开发 人 员 用 不 同 的 语言 
构建 Web 页 ， 但 是 要 把 它们 包括 在 一 个 Web 应 用 程序 中 ， 唯 一 的 限制 就 是 不 能 在 
同一 个 网 页 中 使 用 两 种 以 上 的 语言 (这 样 会 导致 明显 的 编译 问题 )。 

@ ”更 少 的 代码 。 大 多 数 应 用 程序 都 需要 一 些 标准 模板 文件 代码 ，ASP.NET 网 站 也 不 
例外 。 例 如 ， 当 向 一 个 网 页 添加 新 的 控件 、 附 加 事件 处 理 程序 或 调整 格式 时 ， 需 
要 在 页 面 标记 中 设置 许多 细节 ， 这 些 基本 的 任务 都 由 VS 2008 自动 完成 。 

@ ”直观 的 编码 风格 。 默认 情况 下 ，VS 2008 会 自动 格式 化 代码 并 且 使 用 不 同 的 颜色 来 
标识 各 种 元 素 ， 如 注释 ， 这 些 使 代码 更 具有 可 读 性 而 且 少 出 错 。 

@ 多 目标 支持 。Web 服务 器 不 会 一 夜 之 间 全 部 从 .NET 2.0 迁移 到 .NET 3.5， 开 发 人 员 
可 以 根据 目标 环境 ， 利 用 Visual Studio 自由 开发 自 2.0 版 本 开始 的 各 种 .NET 
Framework 版 本 的 应 用 程序 。 

@ CSS 工具 。 为 了 保持 整个 网 站 的 一 致 性 ， 开 发 人 员 通 常会 使 用 CSS 标准 。 现 在 ， 
Visual Studio 使 得 Web 页 面 和 样式 表 的 关联 更 加 简单 ， 不 必 手 工 编辑 标记 ， 只 要 
选择 要 应 用 到 页 面 各 种 元 素 的 样式 即 可 。 

Visual Studio 2008 有 多 个 版 本 ,如 Visual Studio 2008 专业 版 本 和 Visual Studio 2008 Team 
System 。 如 果 计 算 机 资源 受 限 ， 或 出 于 版 权 的 考虑 ， 开 发 人 员 也 可 以 使 用 Visual Web 
Developer 2008 Express 的 简化 版 本 ， 当 然 功能 上 会 相对 少 一 些 ， 但 是 它 包 含 了 创建 复杂 且 
功能 丰富 的 Web 应 用 程序 所 需 的 所 有 功能 和 工具 。 

本 章 所 有 例子 均 在 免费 版 Visual Web Development 2008 Express Edition( 简 称 VWD 2008， 
可 以 从 微软 官方 网 站 上 下 载 ) 上 运行 和 测试 ， 也 适用 于 正式 版 的 Visual Studio 2008 产品 。 


6.1.3 创建 第 一 个 ASP.NET 网 站 
VWD 2008 提供 了 如 下 两 种 创建 ASPNET Web 应 用 程序 的 方法 : 
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@ ”基于 项 目的 开发 。 创建 一 个 Web 项 目 时 , VWD 2008 生成 一 个 .csproj 项 目 文件 ( 假 


设 使 用 C# 编 码 )， 它 记录 项 目 中 的 文件 并 保存 一 些 调试 设置 。 运 行 Web 
VWD 2008 在 启动 Web 浏览 器 前 把 项 目的 所 有 代码 编译 成 一 个 程序 集 。 


项 目 时 ， 


@ 无 项 目 文件 的 开发 。 另 一 个 可 选 的 方式 是 创建 一 个 没有 任何 项 目 文件 的 简单 网 站 。 
此 时 ，VWD 2008 认为 在 网 站 目录 〈 及 其 子 目录 ) 中 的 所 有 文件 都 是 Web 应 用 程 


序 的 一 部 分 。 在 这 样 的 场景 里 ，VWD 2008 不 需要 预 编译 代码 ， 而 是 由 
在 第 一 次 请 求 页 面 时 编译 网 站 。 


ASPNET 


下 面 开 始 创 建 标 准 的 无 项 目 文件 的 网 站 ， 它 是 更 简单 、 更 直接 的 方式 。 首 先 启动 VWD 
2008， 如 图 6-2 所 示 。 要 想 立 刻 着 手 创建 一 个 新 的 Web 应 用 程序 ， 可 选择 “文件 ”一 “新 
建 网 站 ”命令 或 在 图 6-2 所 示 的 起 始 页 中 选择 “创建 ”后 的 “网 站 ”选项 ， 将 打开 “新 建 网 


站 ”对 话 框 ， 如 图 6-3 所 示 。 
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6-3 新 建 Web 站 点 


在 “新 建 网 站 ”对 话 框 中 可 以 提供 如 下 3 个 细节 : 
@ 模板 。 模 板 决定 网 站 以 何 种 文件 作为 开始 。VWD 2008 支持 两 种 类 型 的 


基本 应 用 程序 ， 分 别 为 网 站 应 用 程序 以 及 Web 服务 应 用 程序 。 这 些 应 用 


上 以 同样 的 方式 编译 和 执行 。 可 以 将 一 个 网 页 添加 到 一 个 Web 服务 应 用 


ASPNET 
程序 实际 
程序 中 ， 
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也 能 把 一 个 Web 服务 添加 到 一 个 普通 的 Web 应 用 程序 中 。 唯 一 的 不 同 之 处 就 是 
VWD 2008 默认 创建 的 文件 。 在 Web 应 用 程序 中 ， 将 以 一 个 示例 页 面 作为 项 目的 
开始 在 Web 服务 应 用 程序 中 ,将 以 一 个 示例 Web 服务 作为 开始 .另外 , VWD 2008 
包含 许多 的 模板 以 便 适应 不 同类 型 的 网 站 ， 并 且 开 发 人 员 也 可 以 创建 自己 的 模板 
(或 者 下 载 第 三 方 模板 )。 
@ 位置。 位 置 指定 了 网 站 文件 存储 的 地 方 。 一 般 情况 下 ， 开 发 人 员 会 选择 “文件 系 
统 ” 并 指定 本 机 或 者 网 络 路 径 上 的 一 个 文件 夹 ， 也 可 以 通过 HTTP 或 者 FTP 来 编 
辑 一 个 网 站 目录 。 
@ 语言 。 语 言 用 来 指定 使 用 何 种 .NET 编程 语言 来 编写 网 站 。 所 选择 的 语言 就 是 项 目 
的 默认 语言 。 这 也 就 意味 着 可 以 明确 地 将 一 个 Visual Basic 网 页 添加 到 一 个 C# 网 
站 中 ， 反 之 亦 然 (这 一 点 对 于 Visual Studio 的 老 版 本 来 说 是 不 可 能 的 )。 
单 击 “ 确 定 ” 按 钮 后 ， 就 会 出 现 如 图 6-4 所 示 的 界面 ， 这 就 表示 已 经 创建 了 一 个 最 简单 
的 网 站 。 在 讨论 进一步 的 内 容 之 前 ， 需 要 对 VWD 界面 的 主要 组 成 部 分 做 进一步 的 了 解 。 
图 6-4 标 出 了 VWD 窗口 的 最 常用 部 分 ， 表 6-1 针对 每 个 部 分 都 做 了 相应 的 描述 。 


主 菜单 ”工具 箱 “文档 窗口 起 始 页 解决 方案 资源 管理 器 


Default. aspx Web 文件 尾 性 


错误 列表 


了 ES 十 生 | 


管理 样式 单 击 此 处 ， 切 换 到 “设计 ”视图 


属性 面板 


6-4 VWD 2008 主 界 面 
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表 6-1 VWD 窗口 介绍 


窗口 描述 

主 菜单 包括 Windows 应 用 程序 中 的 常规 菜单 ， 如 File、Edit、Help 等 ， 以 及 一 些 VWD 

有 特有 的 菜单 ， 根 据 执行 的 具体 任务 ， 这 个 菜单 也 会 有 很 大 的 变化 

解决 方案 资源 管理 器 | 将 Web 应 用 程序 中 的 文件 和 子 文件 夹 列 出 ， 可 以 通过 右 击 来 添加 文件 和 文件 夹 

工具 箱 显示 ASP.NET 自 带 的 服务 器 控件 、 加 入 到 工具 箱 的 第 三 方 控件 及 自己 开发 的 用 

加 户 自 定义 控件 。 可 以 使 用 任何 语言 来 编写 并 且 可 以 被 任何 语言 来 调用 

起 始 页 可 以 快速 地 创建 新 的 Web 站 点 或 者 打开 现 有 站 点 ， 还 可 以 用 Start Page 来 访问 
一 些 常见 的 帮助 主题 并 显示 Microsoft Web 站 点 中 的 标题 

属性 面板 允许 开发 人 员 来 配置 当前 所 选择 的 元 素 ， 可 以 是 解决 方案 资源 管理 器 中 的 一 个 
文件 或 者 一 个 Web 表单 设计 界面 上 的 控件 

错误 列表 告 Visual Studio 在 代码 中 检测 所 发 现 的 、 尚 未 解决 的 错误 

文档 窗口 允许 开发 人 员 在 解决 方案 资源 管理 器 中 通过 拖 放 来 设计 网 页 以 及 编辑 代码 文 
件 。 同 样 支持 非 ASP.NET 文件 类 型 ， 如 静态 HTML 以 及 XML 文件 

管理 样式 和 应 用 样式 | 允许 开发 人 员 在 链接 样式 表 中 修改 样式 并 把 它们 应 用 到 当前 网 页 

视图 切换 按钮 有 设计 、 分 拆 和 源 3 种 视图 ， 分 别 对 应 对 一 个 Web 页 面 的 不 同 观察 方式 


选择 “调试 ”一 “开始 执行 (不 调试 ) ”命令 ,将 出 现 如 图 6-5 所 示 的 运行 结果 。 整 个 
工作 不 应 该 到 此 为 止 ， 而 只 是 刚刚 开始 ， 因 为 这 个 网 站 没有 任何 功能 ， 更 谈 不 上 美观 ， 接 
下 来 将 从 几 个 方面 介绍 如 何 完善 这 个 网 站 。 


到 http //localhost:2132/YebSitel/Defunlt aspr — Nicrosee01 e000 [= | 
| 文件 四 ”编辑 中 查看 WD 收 三 和 ) 工具 GD 帮助 0 EE 
J] 昌 反 -昌国 辐 的 | 人 P 抽 党 中 W 天 如 |D 过 是" 口才 不 

| 链接 逢 Windov 已] findovs Wedis 生 ] 免费 Notmsil 其 自 定义 链接 

| 天 征 硬 | 轿 http:/aocalhest:2132/Websitel/Dafeat aspx 刁 上 日 


三 [人 人 [ 阿 # mraet 


图 6-5 空 网 站 运行 示意 图 
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6.1.4 ”应 用 需求 简介 


由 于 ASPNET 内 容 及 其 复杂 ， 为 了 有 针对 性 地 学 习 并 使 用 它 ， 本 章 后 续 内 容 (第 6.2 
节 除 外 ) 将 主要 围绕 一 个 简单 的 应 用 需求 展开 ， 即 实现 一 个 基于 ASPNET 的 通讯 录 管 理 系 
统 ， 具 备 通讯 录 信息 〈 如 姓名 、 联 系 电话 、E-mail 和 分 组 类 型 等 ) 的 查看 和 维护 功能 。 
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6.2 在 VWD 2008 中 进行 HTML 和 CSS 设计 


关于 HTML 和 CSS 的 基础 知识 前 面 章节 已 经 叙述 , 本 章 主要 介绍 在 VWD 2008 开发 环 
境 下 如 何 使 用 HTML 工具 和 CSS 工具 设计 Web 页 面 。 

首先 新 建 一 个 网 站 或 打开 现 有 网 站 ， 如 果 需 要 在 新 页 面 上 练习 ， 则 可 以 在 解决 方案 资 
源 管理 器 上 右 击 , 然后 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 , 打开 如 图 6-6 所 示 的 “ 添 
加 新 项 ”对 话 框 ， 在 其 中 选择 “Web 窗 体 ”选项 并 单 击 “添加 ”按钮 ， 添 加 一 个 Web 文件 。 


添加 新 项 -C:\Documents and Settings\Administrater\ly Decusests We S000 了 对 
下 ES 
Tisaal Stedio 已 安装 的 模板 
= 3 ， sa 3 
口 国 有 区 避 习 国 国 
1 Ea 
四 EB @ a ME 
户 A je 页 。 Tea re 
CE 0 学生。 页 Fe 昌文 II 区 开 员 和 


| 区 = 站 
国 最 国 哪 年 包 展 

Web 服务 。 Web 配置 文 。 xmL 文件 。_XSLT 文件 美 。。。 训 器 文件 “局 用 了 JM:_ 全 局 应 用 程 。 到 
a 


名 称 如 ; Defanlt2. sspx 


语言 imme 可 村 代 砚 站 在 昔 和 的 文件 加) 
厂 选择 母 版 页 G) 
Ce] ww | 
图 6-6 添加 新 项 


Web 文件 是 Web 应 用 程序 特有 的 文件 ， 从 图 6-6 中 也 能 看 到 很 多 其 他 类 型 的 文件 ， 这 
些 文件 分 别 有 各 自 的 用 途 。 表 6-2 列 出 了 各 种 Web 文件 及 其 扩展 名 ， 并 说 明了 各 种 文件 的 
用 法 。 
表 6-2 ASP.NET 文件 类 型 
文件 类 型 


Web Form 与 Ajax Web Form 


说 明 
这 些 文件 是 所 有 ASP.NET Web 站 点 都 要 用 到 的 文件 。 
Web Form 是 用 户 在 浏览 器 中 浏览 的 页 面 
这 些 文件 允许 开发 人 员 定 义 Web 站 点 的 全 局 结构 和 外 
观 。 在 第 6.5.2 节 可 以 看 到 它们 的 用 法 
Web User Control 含有 可 重复 用 在 站 点 的 多 个 页 面 中 的 页 面 片段 
HTML Page .htm/.html ”| 可 用 来 显示 Web 站 点 中 的 静态 HTML 
含有 允许 开发 人 员 定 制 Web 站 点 的 样式 和 格式 的 CSS 
代码 。 第 6.2.2 节 将 介绍 关于 CSS 的 更 多 信息 
含有 用 在 整个 站 点 中 的 全 局 配置 信息 .在 本 书后 面 会 了 
解 如 何 使 用 web.config 
含有 一 个 层次 结构 ， 表 示 站 点 中 XML 格式 的 文件 ，Site 
Map 用 于 导航 


Master Page 与 Ajax Master Page 


Style Sheet .CSS 


Web Configuration File .config 


Site Map 
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续 表 
文件 类 型 说 了 明 
含有 可 以 在 客户 机 的 浏览 器 中 执行 的 JavaScriptCMicrosoft 
称 之 为 JScript) 
含有 设计 Web 站 点 中 的 控件 的 信息 。Skin 将 在 第 6.5.1 
节 介绍 


JScript File 


Skin File 


6.2.1 使 用 HTML 工具 设计 页 面 


在 VWD 2008 中 向 页 面 添加 HTML 有 多 种 方式 ， 可 以 简单 地 在 “ 源 ” 视 图 中 输入 《〈 详 
见 第 2 章 的 相关 内 容 ), 但 并 不 推荐 这 样 做 ,因为 它 会 强制 手工 输入 大 量 代码 , 且 容 易 出 错 。 
除 此 之 外 , VWD 2008 提供 了 几 个 有 用 的 工具 , 能 够 帮助 开发 人 员 更 轻松 地 向 页 面 中 插入 新 
HTML 并 向 其 应 用 格式 ， 这 些 工具 包括 “格式 ”(Formatting) 工具 栏 、“ 格 式 ”(Format) 菜 
单 和 “ 表 ”(Table) 菜单 。 


多 提示 : 要 使 这 些 工具 变 为 活动 的 ， 需 要 让 文档 在 设计 视图 中 。 如 果 是 在 分 拆 视图 模式 下 
工作 ， 则 一 定 要 确保 焦点 在 设计 视图 ， 否 则 就 会 发 现 大 多 数 工 具 都 不 可 用 。 
1. 插入 和 格式 化 文本 


在 Web 页 面 的 “分 拆 ” 视 图 和 “ 源 ” 视 图 中 都 可 以 输入 文本 ， 只 要 将 光标 放 在 所 需 的 
位 置 并 开始 输入 即 可 。 当 切换 到 “设计 ”视图 时 ,“ 格 式 ” 工 具 栏 变 得 可 用 ， 其 中 的 选项 如 
图 6-7 所 示 。 


块 格式 对 齐 文本 


; TE) ~ 供认 字体 ) ~ 你 认 大 ~ | 卫 


六 起 | 


4 
下 划 线 | 


背 最 色 下 
图 6-7 “格式 ”工具 栏 


“ 块 格式 ”下 拉 列 表 框 可 以 插入 HTML 标记 , 如 <p> 表 示 段 落 , <h1> 一 <h6> 表 示 标 题 ， 
<ul>、<ol>、<li> 标 记 表 示 列 表 ， 可 以 直接 从 该 下 拉 列 表 框 中 选择 一 项 插入 页 面 中 ， 或 者 也 
可 以 先 选择 一 些 文本 ， 然 后 从 列表 中 选择 适当 的 块 元 素 ， 并 把 选中 的 文本 包 在 标记 内 。“ 字 
体 名 称 ” 下 拉 列 表 框 允许 修改 字体 ,“ 字 体 大 小 ”下 拉 列 表 框 可 以 用 来 修改 字体 的 大 小 。 该 
工具 栏 上 的 其 余 按 钮 的 功能 与 其 他 编辑 环境 (如 MS Word) 中 的 相应 功能 完全 相同 。 例 如 ， 
B 按钮 用 粗 体 字 格 式 化 文本 。 类 似 地 ，I 和 U 按钮 分 别 使 字体 倾斜 和 加 下 划 线 。 

例 6.1 利用 上 面 介绍 的 工具 ， 就 可 以 在 网 页 中 添加 带 有 格式 的 文本 ， 页 面 设 计 视 图 如 
图 6-8 所 示 。 
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Evilt2 sepr | oleheet cDeeeali erga | 十 寻 页 | 
ml 


6-8 HTML 格式 化 页 面 
对 应 的 页 面 标记 程序 如 下 : 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
<IDOCTYPE html PUBLIC "-//W3CWDTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/ 
xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<h1 align="center"> 
<strong><font color="#ff0000"><span style="font-size: x-large;font-family: 黑体 ;"> 沁 园 春 . 雪 
</span> </font></strong> 
</h1> 
<p align="center"> 
<a href="http://"> 毛 泽 东 </a>&nbsp;&nbsp;&nbsp;&nbsp; 一 九 三 六 年 二 月 
</p> 
<p style="line-height 150%:text-align: centerwidth: 720px;margin-top: 0,margin-bottom: 0;"> 
<span style="font-family: 幼 圆 ;font-size: x-large;"> 北 国 风 光 </span>，<br /> 
千里 冰 封 ，<br /> 
<span style=" font-size: large;font-style: italic;"> 万 里 雪 飘 。</span><br /> 
望 <b> 长 城 </b> 内 外 ，<br /> 
惟 余 莽莽 :<br /> 
<b> 大 河 </b> 上 下 ，<br /> 
顿 失 滔滔 。<br /> 
<span style=" font-size: smaller;font-weight: bold;"> 山 舞 银 蛇 ，</span><br /> 
原 驰 螨 象 ，<br /> 
欲 与 天 公 试 比 高 。<br/> 
须 睛 日 ，<br /> 
看 <span style=" color: #FF0000; font-size: xx-large;font-weight: bold;"> 红 装 </span> 


素 里 ，<br /> 
分 外 妖娆 。 
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</p> 
</div> 
</form> 
</body> 
</html> 


2. 添加 表 (Table) 


HTML 表 是 用 来 规范 网 页 上 元 素 布局 的 非常 好 的 途径 。 例 如 ， 如 果 页 面 中 含有 上 、 中 、 
下 或 左 、 中 、 右 三 大 块 区 域 ， 就 可 以 使 用 一 个 3 行 表 或 3 列表 来 实现 。 按 前 述 方法 添加 一 
个 新 页 面 ， 然 后 在 “设计 ”视图 中 选择 “插入 表 ” 命 令 ， 弹 出 如 图 6-9 所 示 的 对 话 框 ， 可 以 
设置 表格 的 大 小 、 布 局 、 边 框 和 背景 等 属性 。 
到 
LE 


本色 四: J 加 
RR 
TT mmo, me 


订 
厂 设 为 对 表格 吉 委 认 值 名 ) 


Cw | 


图 6-9 插入 HTML 表格 
单 击 “确定 ”按钮 ， 打 开 如 图 6-10 所 示 的 界面 。 


ET TT 
PEST TE EE TE ior-…- -站 
FRETTT OE NT PE 

CR az 电 jA 翅 | 二 oj 汪 / 电 


vtmata wwre TR ee SOE ERICER -x 周 
到 司 


‘alelx) 


i 


li ee 在 WE 法 | wR 


ran mm] [mr] 3 1 ee ee 


ITS 
和 


图 6-10 HTML 表格 设计 视图 
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对 应 的 页 面 标记 程序 如 下 : 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 


<title></title> 


</head> 
<body> 
<form id="form1" runat="server"> 


<div> 
<table border="1" style=" width: 100%;border-style: solid;border-width: 1px;"> 


<tr> 
<td style="height: 521px;width: 185px;"> 
<span lang="zh-cn"> 左 边区 域 </span></td> 
<td style=" height: 521px;width: 365px;"> 
<span lang="zh-cn"> 中 间 主 区 域 </span></td> 
<td style=" height: 521px;"> 
<span lang="zh-cn"> 右 边区 域 </span></td> 
</tr> 
</table> </div> 


</form> 


</body> </html> 


延伸 阅读 提示 : DIV+CSS 是 流行 的 网 页 布局 方式 , 一 本 不 错 的 参考 书 是 《变幻 之 美 一 Div+ 
CSS 网 页 布局 揭秘 《案例 实战 篇 )》( 人 金峰 编 著 ， 人 民 邮 电 出 版 社 )。 


6.2.2 ”使 用 CSS 工具 设计 页 面 


CSS 是 给 Web 站 点 添加 样式 的 一 种 极 佳 方式 ， 它 是 一 种 强大 而 方便 的 机 制 ， 允 许 开发 
人 员 为 Web 站 点 创建 复杂 的 样式 和 布局 , 并 能 够 解决 HTML 在 格式 化 方面 造成 的 多 种 问题 ， 
如 产生 大 量 标 记 、 内 容 与 格式 混在 一 个 文件 中 等 。 使 用 CSS 创建 漂亮 的 Web 站 点 设计 也 需 
要 大 量 代码 ,很 容易 令 人 蔷 缩 。 同样 ， VWD 2008 也 提供 了 许多 工具 ， 帮 助 简化 页 面 布局 和 
CSS 管理 ， 下 面 分 别 介绍 这 些 工具 。 


新 建 样式 对 话 框 : 用 来 可 视 化 地 创建 各 种 样式 和 设置 属性 值 。 

管理 样式 对 话 框 : 用 来 组 织 站 点 中 的 样式 ， 将 它们 从 媒 套 样式 表 改 为 外 部 样式 表 ， 
反之 亦 然 ， 对 它们 重新 排序 ， 将 现 有 样式 表 链 接 到 一 个 文档 ， 并 创建 新 的 内 联 、 
嵌 套 或 外 部 样式 表 。 

应 用 样式 对 话 框 : 用 来 从 站 点 中 选择 所 有 可 用 样式 ， 并 将 它们 快速 应 用 到 页 面 中 
的 不 同 元 素 上 。 

样式 表 工 具 条 : 用 来 快速 创建 新 规则 与 样式 。 

“CSS 属性 ”面板 : 用 来 修改 属性 值 。 

“修改 样式 ”对 话 框 : 可 以 用 来 可 视 化 地 创建 声明 。 
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@ “添加 样式 规则 ”对 话 框 : 帮助 开发 人 员 构建 较 复杂 的 选择 符 。 

使 用 VWD 2008 设计 界面 时 ， 很 容易 为 Web 页 面 创建 新 样式 。 从 “格式 ”菜单 中 选择 
“新 建 样式 (New Style)” 命 令 ， 会 打开 如 图 6-11 所 示 的 “新 建 样式 ”对 话 框 。 


了 zl 
达 择 器 GD) [Sl -| 厂 将 新 样式 应 用 于 文档 选择 内 容 E) 
x: [人 
类 别 忆 ); 
车 ont-tmily” 后 允 要 更 | 
光景 font-size; Flve ， 习 旨 民工 text-decoration 
jz 可 疡 alias 
的 gi | F Pe 
布局 fontrvarimt: 门 可 Wisk 
We tot rensforn 了 sen 
eolor; | 

预览 

微软 卓越 AaBbCc 
说 明 : 

一 了 |_smw | 
6-11 新 建 样式 


@ ”从 “选择 器 ”下 拉 列 表 框 中 选择 要 创建 的 选择 器 类 型 ， 其 中 包含 所 有 的 元 素 类 型 ， 
如 果 要 创建 类 选择 器 或 ID 选择 器 , 只 需 在 “选择 器 ”下 拉 列 表 框 中 输入 样式 名 称 。 

@ ”从 “定义 位 置 ” 下 拉 列 表 框 中 选择 创建 样式 的 位 置 ， 可 以 选择 “当前 页 面 ”创建 
一 个 内 部 样式 表 ， 选 择 “ 新 建 样式 表 ” 创 建 一 个 新 的 外 部 样式 表 文 件 ， 选 择 “ 现 
有 样式 表 ” 把 样式 插入 已 有 的 样式 表 文 件 中 。 如 果 选 择 了 “新 建 样式 表 ” 或 “ 现 
有 样式 表 ” 就 需要 为 URL 下 拉 列 表 框 提供 一 个 值 。 

@ ”从 “类 别 ” 列 表 框 中 选择 属性 类 别 ， 就 可 以 开始 设置 样式 属性 值 。 VWD 2008 把 常 
见 CSS 属性 划分 为 字体 、 块 、 背 景 、 边 框 、 方 框 、 定 位 、 布 局 、 列 表 、 表 格 9 大 
类 别 。“ 预 览 ” 列 表 框 中 会 给 出 新 样式 的 实时 预览 。 另 外 , “说明” 文本 框 中 显示 
了 VWD 2008 创建 的 属性 语法 。 

例 6.2 为 下 面 的 CSS 规则 分 别 添 加 一 个 外 部 样式 表 、 奶 套 样式 和 级 联 样式 。 


.Title 
font-family: 微软 雅 黑 ; 
font-size: large; 
font-weight: bold; 

. 

#Content 
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font-family: 楷体 _GB2312; 
font-size: x-large; 
font-weight: normal; 
font-style: italic; 


(1) 如 图 6-11 所 示 ， 在 “定义 位 置 ”下 拉 列 表 框 中 选择 “新 建 样式 表 ” 选 项 ， 在 “类 
别 ” 列 表 框 中 选择 “字体 ”选项 ， 并 设置 font-family、font-size、font-weight 属性 。 单 击 “ 确 
定 ” 按 钮 后 ， 解 决 方案 资源 管理 器 中 创建 样式 表 文 件 StyleSheet.css， 内 容 就 是 刚刚 添加 的 
样式 ， 如 图 6-12 所 示 。 


StyleSheet. csse| Tefaalt3 aspxt | DefaultZ aspxt | Tefaalt aspx | 起 嫩 页 | 


图 6-12 ”外 部 样式 表 


(2) 在 图 6-11 中 的 “定义 位 置 ”下 拉 列 表 框 中 选择 “当前 网 页 ”选项 , 其余 与 步骤 (1) 
类 似 。 单 击 “ 确 定 ”按钮 后 ， 相 应 页 面 <head> 标 记 中 即 生 成 <style> 标 记 及 CSS 规则 。 对 应 
的 页 面 标记 程序 如 下 : 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<style type="text/css"> 
#Content 
{ 
font-family: 楷体 _GB2312; 
font-size: x-large; 
font-weight: normal; 
font-style: italic; 
} 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 


Nim 
</body> 
</html> 
(3) 与 前 面 步骤 不 同 的 是 , 添加 级 联 样式 时 必须 首先 选中 某 个 页 面 标记 , 然后 打开 “新 
建 样式 ”对 话 框 ， 在 “选择 器 ”下 拉 列 表 框 中 选择 “级 联 样式 ”， 定 义 位 置 不 用 选 ， 其 余 与 
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步骤 (1) 一 样 。 单 击 “ 确 定 ”按钮 后 ， 页 面 标记 的 样式 自动 更 新 ， 如 图 6-13 所 示 。 


加 _ 
欢迎 光临 我 的 网 站 ! 


图 6-13 ”应 用 级 联 样式 表 
切换 到 “ 源 ” 视 图 ， 会 发 现 相应 标记 中 增加 style 属性 ， 程 序 代 码 如 下 : 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
</head> 
<body> 
<form id="form1" runat="server" > 
</form> 
<p style="font-family: 微软 雅 黑 ; font-size: large; font-weight: bold"> 


<span lang="zh-cn"> 欢 迎 光临 我 的 网 站 ! </span></p> 
</body> 


</html> 


2. “管理 样式 ”对 话 框 


在 “视图 ”菜单 中 选择 “管理 样式 ”命令 ， 即 可 打开 “管理 样式 ”对 话 框 ， 如 图 6-14 
所 示 。 

“管理 样式 ” 对话 框 的 顶部 包含 两 个 重要 的 超 链 接 : 新 建 样式 和 附加 样式 表 。 单 击 “ 新 
建 样式 ” 超 链接 可 以 打开 “新 建 样式 ”对 话 框 ， 创 建新 的 CSS 样式 ， 如 本 节 前 面 内 容 所 述 。 
单 击 “ 附 加 样式 表 ” 超 链接 可 以 把 新 样式 表 导 入 Web 页 面 ， 如 图 6-15 所 示 。 


管理 祥 式 EE 


4 新 当 样 式 选项 ~ 
如 附加 样式 表 
Css 样式 ; 
StyleSheet. css 
@boty 
© Title 


向 玖 下越 42BbCt 


图 6-14 “管理 样式 ”对 话 框 
单 


图 6-15 ”附加 外 部 样式 表 
“确定 ”按钮 ， 则 把 样式 表 关 联 到 Web 页 面 上 , 会 使 VWD 2008 在 Web 页 面 上 插 
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入 <link> 标 记 ， 程 序 代码 如 下 : 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<link href="StyleSheet.css" rel="stylesheet" type="text/css" /> 
<style type="text/css"> 
#Content 
{ 
font-family: 楷体 _GB2312; 
font-size: x-large; 
font-weight: normal; 
font-style: italic; 
} 
</style> 
</head> 
<body> 


</body></html> 


必须 小 心地 安排 <link> 标 记 和 样式 块 的 顺序 ， 确 保 样式 得 到 正确 的 应 用 。 

“管理 样式 ”对 话 框 中 间 显 示 了 在 VWD 2008 中 打开 的 Web 页 面 上 能 使 用 的 所 有 样式 。 
样式 根据 其 选择 器 类 型 使 用 的 彩色 项 目 列表 进行 了 彩色 编码 : 蓝 色 表 示 类 型 选择 器 ， 绿 色 
表示 类 选择 器 ， 红 色 表 示 ID 选择 器 。 页 面 中 使 用 的 样式 用 包围 彩色 项 目 列表 的 灰色 圆 框 
起 来 。 

另外 ， 在 图 6-15 中 展开 StyleSheet.css 节点 ， 就 会 列 出 该 样式 表 包 含 的 所 有 样式 。 

“管理 样式 ”对 话 框 底部 包含 一 个 预览 区 域 ， 可 以 查看 选中 样式 的 实时 预览 。 

3. “应 用 样式 ”对 话 框 

在 VWD 2008 中 ,“ 应 用 样式 ”对 话 框 中 也 提供 了 一 种 非常 方便 的 方式 ， 可 以 查看 应 用 
程序 中 的 CSS 样式 ， 把 这 些 样式 应 用 于 Web 页 面 上 的 元 素 。 在 该 对 话 框 中 ， 可 以 把 CSS 
文件 关联 到 Web 页 面 上 ， 使 外 部 的 CSS 样式 可 用 。 选 择 要 应 用 的 页 面 样式 或 从 元 素 中 删除 
的 页 面 样式 、 修 改 样式 等 。 与 其 他 CSS 工具 窗口 一 样 ,“ 应 用 样式 ”对 话 框 也 根据 CSS 继 
承 顺 序 显 示 可 用 的 样式 ， 外 部 样式 先 显示 ， 之 后 是 页 面 样式 部 分 ， 最 后 是 内 嵌 样 式 。“ 应 用 
样式 ”对 话 框 还 可 以 根据 当前 选择 的 元 素 ， 显 示 应 用 程序 中 可 以 应 用 于 该 元 素 类 型 的 样式 。 
样式 还 可 以 根据 CSS 选择 器 样式 来 组 合 ， 使 每 个 选择 器 类 型 有 不 同 外 观 的 指示 器 。 

在 主 菜单 中 选择 “视图 ”一 “应 用 样式 ”命令 ， 打 开 “ 应 用 样式 ”对 话 框 ， 如 图 6-16 
所 示 ， 就 可 以 轻松 地 向 页 面 中 的 元 素 应 用 样式 规则 。 同 样 ， 该 对 话 框 顶部 也 有 “新 建 样式 ” 
和 “附加 样式 表 ” 超 链接 。 

该 对 话 框 中 间 显示 了 段落 标记 <p> 的 可 用 样式 ,分 别 是 关联 文件 StyleSheet.css 中 的 所 有 
样式 、 当 前 页 面 中 的 样式 、 指 定 元 素 上 已 应 用 的 内 媒 样 式 。 单 击 这 些 样式 ， 就 会 把 它们 应 
用 于 元 素 。 
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图 6-16 ”应 用 样式 
4. “CSS 属性 ”面板 


“CSS 属性 ”面板 显示 了 已 应 用 于 当前 所 选 元 素 的 所 有 CSS 属性 ， 如 图 6-17 所 示 ， 该 
面板 由 两 部 分 组 成 :“ 应 用 的 规则 ” 栏 和 “CSS 属性 ” 栏 。 


| 
国外 图 Ed 
人 前 网 页) 
body Qody> 
#Content Contenty 


图 6-17 “CSS 属性 ”面板 


“应 用 的 规则 ” 栏 中 显示 了 应 用 于 所 选 元 素 的 所 有 CSS 规则 ， 该 列表 自动 排序 ， 显 示 
己 应 用 规则 的 继承 链 ， 最 外 层 的 规则 在 顶部 , 最 内 层 的 规则 在 底部 。 这 表示 包含 在 外 部 CSS 
文件 中 的 规则 自动 排 在 列表 的 项 部， 内 嵌 样 式 排 在 底部 。 可 以 单 击 列表 中 的 每 个 规则 ， 修 
改 显示 其 在 “CSS 属性 ” 栏 中 的 属性 。“CSS 属性 ” 栏 中 显示 了 元 素 可 用 的 所 有 CSS 属性 ， 
其 中 已 经 设置 了 值 的 属性 显示 为 粗 体 。 另 外 ， 还 可 以 在 “CSS 属性 ” 栏 中 直接 给 CSS 规则 
设置 属性 值 。 在 “CSS 属性 ”面板 中 还 有 一 个 “摘要 ”按钮 ， 单 击 可 以 改变 CSS 属性 网 格 
的 显示 ， 只 列 出 已 设置 了 值 的 属性 。 


5. “修改 样式 ”对 话 框 


在 “CSS 属性 ”面板 、“ 管 理 样式 ”对 话 框 或 “应 用 样式 ”对 话 框 中 ， 可 以 右 击 列表 中 
的 每 个 规则 ， 然 后 在 弹出 的 快捷 菜单 中 选择 “修改 样式 ”命令 ， 即 可 打开 如 图 6-18 所 示 的 


ee 
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“修改 样式 ”对 话 框 (与 “新 建 样式 ”对 话 框 类 似 )， 在 打开 的 外 部 样式 表 文件 中 右 击 文档 
区 域 ， 在 弹出 的 快捷 菜单 中 选择 “生成 样式 ” 命令 也 会 打开 该 对 话 框 。 


可 到 


这 眶 | i 
方 眶 line 
= totsyle [me 可 三 二 
i tmtveiat [可 Fi 
表格 text-transiorn; 了 TT none 

ER 可 加 


艇 航 克 越 42865Cc 


说 明 ; 和 入 二 G82312 font-sire laree, font-veieht, mrael, Font-style italic 
mw | maw | 
图 6-18 修改 样式 


与 CSS 属性 工具 类 似 ， 在 该 对 话 框 中 可 以 修改 所 选 规则 的 任意 属性 值 ， 还 可 以 修改 选 
择 器 名 称 。 


6. “添加 样式 规则 ”对 话 框 


使 用 “新 建 样式 ”对 话 框 添加 的 样式 选择 符 都 是 单一 的 ， 不 能 反映 选择 符 之 间 的 层次 
结构 。 可 以 在 外 部 样式 表 文件 中 右 击 文档 区 域 ， 在 弹出 的 快捷 菜单 中 选择 “添加 样式 规则 ” 
命令 ， 即 可 打开 如 图 6-19 所 示 的 “添加 样式 规则 ”对 话 框 ， 在 其 中 构建 复杂 的 选择 符 。 有 
关 复 合 样式 规则 的 详细 介绍 ， 读 者 可 参考 其 他 相关 文献 。 


| 
rT 人 
所 = 
[== esl 

把 Ee 
[gl 机 人 

Fon stent PR 一 一 

Ca _w | 


图 6-19 “添加 样式 规则 ”对 话 杠 
6.3 使 用 ASP.NET 服务 器 控件 


控件 是 构建 图 形 用 户 界 面 《GUD) 的 模块 ， 如 果 您 有 Windows 窗 体 应 用 程序 开发 的 经 
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历 ， 肯 定 会 熟悉 很 多 控件 ， 包 括 文本 框 、 按 钮 、 复 选 框 和 列表 框 等 。 控 件 为 用 户 提供 了 显 
示 偏 好 、 输 入 数据 或 者 做 出 选择 的 途径 。 它 们 也 可 以 在 一 定 范围 内 ， 提 供 基 础 功能 方面 的 
支持 ， 如 验证 、 数 据 操作 、 母 版 页 和 安全 性 。 


6.3.1 ASP.NET 控件 的 类 型 


VWD 2008 内 置 了 丰富 的 控件 (如 图 6-20 所 示 )， 可 以 帮助 开发 人 员 快 速 有 效 地 创建 
ASPNET 网 页 。 这 些 Web 控件 可 分 为 如 下 4 种 类 型 。 


6-20 VWD 2008 工具 箱 


1. HTML 服务 器 控件 


对 服务 器 公开 的 HTML 元 素 ,， 可 对 其 进行 编程 。HTML 服务 器 控件 公开 一 个 对 象 模型 ， 
该 模型 十 分 紧密 地 映射 到 相应 控件 所 呈现 的 HTML 元 素 。 由 于 篇 幅 所 限 ， 本 章 不 再 讨论 。 
可 以 参考 O'Reilly 出 版 的 由 Chuck Musciano 和 Bill Kennedy 所 著 的 《HTML 和 XHTML 权 
威 指南 (第 5 版 )》(HTML and XHTML: The Definitive Guide, Fifth Edition)。 


2. Web 服务 器 控件 


Web 服务 器 控件 比 HTML 服务 器 控件 具有 更 多 内 置 功能 ， 不 仅 包括 窗 体 控 件 〈 如 按钮 
和 文本 框 )， 而 且 还 包括 特殊 用 途 的 控件 (如 日 历 、 菜 单 和 树 视图 控件 )。Web 服务 器 控件 
与 HTML 服务 器 控件 相 比 更 为 抽象 ， 因 为 其 对 象 模型 不 一 定 反 映 HTML 语法 。 


3. 验证 控件 


验证 控件 可 以 认为 是 Web 服务 器 控件 的 特殊 类 型 ,它们 包含 逻辑 以 允许 对 用 户 在 输入 
控件 (如 TextBox 控件 ) 中 输入 的 内 容 进行 验证 。 验 证 控件 可 用 于 对 必 填 字段 进行 检查 、 
对 照 字 符 的 特定 值 或 模式 进行 测试 、 验 证 某 个 值 是 否 在 限定 范围 之 内 等 。 


4. 用 户 控件 


用 户 控件 是 由 开发 人 员 创 建 的 控件 , ASPNET 用 户 控件 可 以 能 入 到 其 他 ASPNET 网 页 
中 ， 这 是 创建 工具 栏 和 其 他 可 重用 元 素 的 一 条 捷径 。 
其 中 Web 服务 器 控件 是 ASPNET 控件 的 核心 ， 也 是 本 章 介绍 的 重点 内 容 之 一 。 
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6.3.2 ASP.NET 服务 器 控件 概述 


ASPNET 服务 器 控件 类 似 于 传统 的 HTML 元 素 ， 它 能 在 内 容 文件 (页 面 文件 、 用 户 控 
件 文件 或 者 母 版 页 文件 ) 中 声明 , 也 能 通过 编程 方式 实例 化 , 并 在 C# (或 者 其 他 .NET 语言 ) 
程序 集中 处 理 。 

在 ASPNET 中 ，Web 服务 器 控件 “存活 ”在 ASPX 页 面 内 的 服务 器 上 。 当 在 浏览 器 中 
请 求 页 面 时 , 服务 器 端 控件 就 由 ASPNET 运行 库 (负责 接收 和 处 理 ASPX 页 面 请 求 的 引擎 ) 
处 理 ; 然后 控件 就 会 写 出 客户 端 HTML 代码 ， 附 加 到 最 终 页 面 输出 的 后 面 ， 最 终 出 现在 浏 
览 器 中 用 来 构建 页 面 的 就 是 该 HTML 代码 。 

因此 ， 不 需要 直接 在 页 面 中 定义 HTML 控件 ， 只 要 用 下 面 的 语法 定义 ASPNET 服务 
器 控件 即 可 ， 其 中 斜体 部 分 根据 控件 的 不 同 而 不 同 : 


<asp: TypeOfControl ID="ControlName" Runat="Server /> 
例如 ， 要 创建 一 个 可 以 显示 欢迎 来 访 者 的 Label， 可 以 用 下 面 的 语句 : 


<asp:Label ID="lblName" Runat="Server" /> 


0 注意 : 此 控件 有 两 个 属性 ， 分 别 为 ID 和 Runat 属性 。ID 属性 用 来 唯一 地 标识 页 面 中 的 
一 个 控件 ， 以 便 对 它 进 行 编程 。 强 制 性 的 Runat 属性 用 来 指出 该 控件 存活 在 服务 
器 上 。 如 果 没 有 这 个 属性 ， 就 不 会 处 理 这 些 控 件 ， 最 终 会 直接 显示 为 HTML 源 
代码 。 对 于 非 服务 器 端 元 素 (如 纯 HTML 元 素 )，Runat 属性 是 可 选 的 。 如 果 在 
非 服务 器 端 控件 上 用 了 这 个 属性 ， 可 以 通过 编程 代码 访问 它们 。 
可 以 通过 页 面 中 的 内 联 代码 或 者 独立 的 Code Behind 文件 中 的 代码 对 这 个 Label 控件 编 
程 。 要 设置 欢迎 消息 ， 可 以 用 下 面 的 代码 假定 所 用 语言 为 C#): 
lblName.Text = "欢迎 你 来 到 我 的 地 盘 ! "; 


根据 用 途 , Web 服务 器 控件 可 以 分 为 标准 控件 、 数 据 控件 、 导 航 控件 、 登 录 控件 、WebParts 
和 Ajax 扩展 。 

1. 标准 控件 

“标准 ”类 别 中 含有 很 多 基本 控件 , 几乎 所 有 Web 页 面 都 需要 它们 , 如 上 面 介 绍 的 Label 
控件 。 图 6-21 显示 了 “标准 ”类 别 中 的 所 有 控件 。 

由 于 很 多 控件 本 身 会 表明 它们 的 用 途 ， 因 此 下 面 不 再 详细 描述 所 有 控件 ， 仅 简要 强调 
儿 个 重要 控件 。 

(1) 简单 控件 

简单 控件 包括 Button、Label、HyperLink、RadioButton 和 CheckBox。 在 工具 箱 中 ， 它 
们 的 图 标 提供 了 很 好 的 线索 ， 可 以 猜 出 它们 在 浏览 器 中 是 用 来 干什么 的 。 
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图 6-21 标准 控件 


(2) 列表 控件 

工具 箱 中 含有 若干 在 浏览 器 中 表现 为 列表 的 控件 ， 包 括 ListBox、DropDownList、 
CheckBoxList 和 RadioButtonList。 要 向 列表 中 添加 项 目 ， 可 以 在 控件 的 起 始 和 结束 标记 之 间 
定义 <asp:ListItem> 元 素 ， 例 如 : 


<asp:DropDownList ID="dplGroup" runat="server" Height="16px" Width="143px"> 
<asp:Listltem> 同 学 </asp:Listltem> 
<asp:Listltem> 同 事 </asp:Listltem> 
<asp:Listltem> 亲 威 </asp:Listltem> 
<asp:Listltem> 家 人 </asp:Listltem> 
<asp:Listltem> 其 他 </asp:Listltem> 

</asp:DropDownList> 


(3) 容器 控件 

开发 ASPNET 应 用 程序 时 ， 可 以 把 内 容 相关 的 控件 (及 其 他 标记 》 放 在 某 个 容器 控件 
中 ， 如 Panel、PlaceHolder、MultiView 和 Wizard 可 以 放 在 一 起 ， 可 以 用 Panel 控件 同时 隐 
藏 或 显示 几 个 控件 。 

(4) 其 他 标准 控件 

除了 上 述 几 种 控件 ， 工 具 箱 中 还 有 其 他 标准 控件 ， 如 UpLoad 控件 等 ， 详 见 相关 文献 。 


2. 数据 控件 


数据 控件 提供 了 非常 方便 的 方式 来 访问 各 种 数据 源 ( 如 数据 库 、XML 文件 与 .NET 对 象 ) 
并 显示 数据 ， 分 为 数据 源 控件 (如 SqlDataSource、ObjectDataSource、SiteMapDataSource 和 
LinqDataSource 等 ) 和 数据 绑 定 控件 (如 GridView、DetailsView、FormView 和 ListView 等 )。 


3. 导航 控件 


“导航 ”类 别 下 的 控件 用 来 让 用 户 找到 在 站 点 中 浏览 的 路 径 。TreeView 控件 和 Menu 
控件 用 来 表现 数据 的 层次 结构 ， 并 且 可 以 用 来 显示 站 点 的 结构 ， 从 而 可 以 轻松 地 访问 站 点 
中 的 所 有 页 面 。SiteMapPath 控件 是 一 个 站 点 导航 控件 ， 用 于 反映 SiteMap 对 象 所 提供 的 
数据 。 
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4. 登录 控件 


登录 控件 便于 开发 者 实现 用 户 登录 验证 、 用 户 管理 及 相关 功能 ， 主 要 包括 Login、 
LoginName、 LoginStatus、 LoginView、 PasswordRecovery、 ChangePassword 和 CreateUserWizard 
等 控件 。 


5. Ajax 扩展 


VWD 2008 中 ，Ajax 已 经 完全 集成 到 了 .NET Framework 和 VWD IDE 中 ， 从 而 可 以 轻 
松 地 访问 Ajax 丰富 的 功能 集 ， 创 建 无 闪烁 的 Web 应 用 程序 。 


6. WebParts 
使 用 WebParts 控件 可 以 构建 高 度 灵 活 和 个 性 化 的 Web 站 点 。 


6.3.3 使 用 ASP.NET 服务 器 控件 


1. 在 页 面 中 定义 服务 器 控件 


在 VWD 2008 中 ， 有 两 种 途径 来 定义 服务 器 控件 ， 即 在 “ 源 ” 视 图 中 输入 控件 标记 和 
在 “设计 ”视图 中 从 工具 箱 拖 搜 控件 到 页 面 指定 位 置 。 

首先 新 建 一 个 个 人 信息 管理 网 站 ， 然 后 添加 Contact.aspx 页 面 ， 并 添加 1 个 3 行 2 列 的 
HTML 表格 ， 上 下 两 行 添加 div 标记 及 文本 ， 中 间 左 边 摆 放 1 个 TreeView 控件 、1 个 
SiteMapDataSourse 控件 及 对 应 的 Web.sitemap 文件 ， 中 间 右 边 摆 放 1 个 5 行 2 列 的 HIML 表 
格 ， 并 在 其 中 放置 3 个 TextBox 控件 、1 个 DropDownList 控件 和 1 个 Button 控件 ， 如 图 6-22 
所 示 。 
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图 6-22 ”在 页 面 中 添加 HTML 标记 和 Web 服务 器 控件 


十” 
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2. 访问 控件 属性 


VWD 工具 箱 中 的 绝 大 多 数 服务 器 控件 都 有 一 


些 共同 的 行为 。 例如 ,每 个 控件 都 有 一 个 


ID， 用 来 在 页 面 中 唯一 地 标识 它 ; 还 有 一 个 Runat 属性 ， 总 是 设置 为 Server， 表 示 应 在 服务 
器 上 处 理 控件 。 除了 这 些 属性 外 ,很 多 服务 器 控件 还 有 更 多 共同 的 属性 。 表 6-3 列 出 了 最 常 


见 的 属性 及 说 明 。 
表 6-3 ”服务 器 控件 常见 属性 
属 性 说 明 
AccessKey “| 允许 开发 人 员 设 置 一 个 键 ， 按 下 该 键 就 可 以 在 客户 机 中 访问 控件 
BackColor | 允许 开发 人 员 修改 浏览 器 中 背景 的 颜色 (BackColor) 和 控件 文本 的 颜色 (ForeColor) 
ForeColor 
BorderColor 
BorderStyle | 修改 浏览 器 中 控件 的 边框 , 这 3 个 ASP.NET 属性 中 的 每 一 个 都 直接 映射 到 它 的 CSS 部 分 
BorderWidth 
CssClass 用 来 定义 浏览 器 中 控件 的 HTML 类 属性 
bid 确定 用 户 是 否 可 以 与 浏览 器 中 的 控件 交互 。 例 如 , 如 果 文 本 框 是 禁用 的 (Enabled="false")， 
就 不 能 修改 它 的 文本 
Font 允许 定义 与 字体 有 关 的 各 种 设置 ， 如 Font-Size、Font-Name 和 Font-Bold 
ee 确定 浏览 器 中 控件 的 高 度 和 宽度 
TabIndex 设置 HTML tabindex 属性 ， 确 定 用 户 按 Tab 键 时 焦点 沿 着 页 面 中 控件 移动 的 顺序 
a 允许 设置 浏览 器 中 控件 的 工具 提示 。 这 个 工具 提示 在 HTML 中 被 呈现 为 标题 属性 ， 当 用 
2 户 把 鼠标 悬 停 在 相关 HTML 元 素 上 时 就 会 显示 出 来 
Visible 确定 是 否 将 控件 发 送 给 浏览 器 


图 6-22 所 对 应 的 源 视图 程序 如 下 ,可 以 看 出 除了 许多 HTML 标记 之 外 ， 服务 器 控件 会 
或 多 或 少 地 使 用 一 些 属性 来 修改 其 默认 行为 和 外 观 ， 没 有 列 出 的 属性 按 系统 默认 值 处 理 。 
服务 器 控件 的 初始 属性 值 有 两 种 设置 方式 : 通过 属性 面板 设置 (如 图 6-23 所 示 ) 和 在 页 面 
标记 中 借助 智能 感知 〈Intelligence) 手工 完成 〈 如 图 6-24 所 示 )。 
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asp: TextBox ID="TextBox3" runat="server">K/asp:TextBox> 
tay 
Ytr> 
tr 


图 6-23 属性 面板 


图 6-24 VWD 2008 智能 感知 
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<tr> 
<td class="style11"> 
<span lang="zh-cn"> 联 系 电话 </span></td> 
<td class="style12"> 
<asp:TextBox ID="TextBox2" runat="server"></asp: TextBox> 
</td> 
<ktr> 
<tr> 
<td class="style11"> 
<span lang="zh-cn">Email</span></td> 
<td class="style12"> 
<asp:TextBox ID="TextBox3" runat="server"></asp: TextBox> 
</td> 
<hr> 
<tr> 
<td class="style13"> 
<span lang="zh-cn"> 分 组 类 型 </span></td> 
<td class="style14"> 
<asp:DropDownList ID="dplGroup" runat="server" Height="16px" Width="143px"> 
<asp:Listltem> 同 学 </asp:Listltem> 
<asp:Listltem> 同 事 </asp:Listltem> 
<asp:Listltem> 亲 威 </asp:Listltem> 
<asp:Listltem> 家 人 </asp:Listltem> 
<asp:Listltem> 其 他 </asp:Listltem> 
</asp:DropDownList> 
</td> 
</tr> 


3. 指定 ASP.NET 控件 的 样式 


在 ASPNET 控件 的 属性 中 有 一 类 特殊 的 属性 即 样式 属性 , 所 以 也 很 容易 使 用 CSS 给 它 
们 指定 样式 ， 指 定 样式 的 标准 方法 是 为 控件 中 与 样式 相关 的 属性 指定 值 。 标 准 的 ASPNET 
控件 默认 使 用 内 风 CSS 样式 ， 例 如 : 

<asp:Button ID="Button1" runat="server" BackColor="#669999" 


BorderColor="Silver" BorderStyle="Solid" BorderWidth="2px" 
Font-Bold="True" Font-Size="Medium" ForeColor="Red" Text=" 确 认 " /> 


ASPNET 处 理 包 含 这 个 控件 的 Web 页 面 时 , 会 把 按钮 转换 为 标准 的 HTML Input 标记 ， 
并 把 已 设置 的 样式 属性 转换 为 CSS 样式 ， 将 它们 应 用 于 Input 标记 。 按 钮 显示 的 HTML 和 
CSS 如 下 : 

<input type="submit” name="Button1”value=" 确 认 "” id="Button1"” style="color:Red;background- 


Color:#669999;border-color:Silver; 
border-width:3px;border-style:Solid;font-size:Large;font-weight:bold;" /> 
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直接 在 ASPNET 控件 上 设置 样式 属性 是 指定 样式 的 一 种 快捷 方法 。 另 外 ， 也 可 以 在 运 
行 期 间 用 代码 设置 它们 ， 因 为 这 些 都 是 控件 上 的 标准 属性 。 


this.Button1.BackColor = 

System.Drawing.ColorTranslator. FromHtml("#669999"); 
this.Button1.BorderColor = System.Drawing.Color Silver'; 
this.Button1.BorderStyle = BorderStyle.Solid; 
this.Button1.BorderWidth = Unit.Pixel(2); 
this.Button1.Font.Bold = true; 
this.Button1.Font.Size = FontUnit.Medium; 
this.Button1.ForeColor = System.Drawing.Color.Red; 


使 用 属性 设置 样式 信息 很 简单 、 方 便 ， 但 存在 一 些 缺点 ， 尤 其 是 在 对 较 多 的 相同 控件 
使 用 相同 的 技术 时 ， 样 式 难 以 重用 和 维护 ， 并 生成 大 量 重 复 HTML 标记 等 。 

幸好 ， 每 个 ASPNET 服务 器 控件 都 有 CssClass 属性 ， 可 以 为 控件 提供 一 个 或 多 个 类 选 
择 器 规则 ， 解 决 让 控件 显示 内 媒 样 式 带 来 的 问题 。 下 面 的 程序 说 明了 CssClass 属性 的 使 用 
方法 : 


<!IDOCTYPE html PUBLIC "-/W3C//DTD XHTML 1.0 TransitionaWEN”"http://www.w3.org/TR/xhtml1/ 
DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<link href="StyleSheet.css" rel="stylesheet" type="text/css" /> 
<style type="text/css"> 
.OK 
{ 
font-family: 微软 雅 黑 ; 
font-size: large; 
font-weight: bold; 
3 
</style> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:Button ID="Button1" runat="server" Text="Button" CssClass="OK" /> 
</div> 
</form> 
</body> 
</html> 


上 面 代码 中 ， 按 钮 应 用 了 OK 样式 表 类 。 也 可 以 使 用 外 部 样式 表 中 的 样式 ， 但 必须 附 
加 样式 表 文件 。 
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4. 服务 器 控件 的 事件 处 理 


每 一 个 ASPNET Web 页 面 和 服务 器 控件 都 由 类 来 实现 (如 Button 控件 由 Button 类 实现 
等 ), 这 些 类 自 System.Web.ULControl 类 派生 。 所 有 页 面 和 控件 都 继承 了 Control 类 的 属性 、 
方法 和 事件 。 

在 ASPNET 中 ， 对 象 可 以 触发 事件 ， 而 其 他 对 象 可 以 定义 事件 处 理 程序 。 例 如 ， 单 击 
按钮 触发 Click 事件 ， 那 么 页 面 则 可 以 用 一 个 方法 来 处 理 按钮 的 单 击 事件 (如 
Button1_Click)。 在 ASPNET 应 用 程序 中 , 事件 通常 都 在 客户 端 触发 (如 用 户 单 击 浏览 器 上 
的 某 个 按钮 )， 但 在 服务 器 上 处 理 。 用 户 在 浏览 器 上 对 服务 器 控件 所 执行 的 任何 行为 都 可 能 
触发 事件 。 服 务 器 端 代码 响应 事件 ， 并 运行 存储 在 事件 处 理 方法 中 的 代码 。 本 章 采 用 C# 作 
为 服务 器 端 编程 语言 (读者 也 可 以 选择 VB.NET)， 详 细 语 言 规范 可 以 参考 相关 资源 。 

例 6.3 在 例 6.2 的 基础 上 进行 修改 ,让 用 户 在 文本 框 中 输入 姓名 、 联 系 电话 和 E-mail， 
并 选择 分 组 类 型 ， 单 击 “ 添 加 ”按钮 后 ， 在 页 面 上 将 通讯 录 信息 显示 出 来 。 

为 了 实现 上 述 功能 , 需要 添加 一 个 Label 控件 , 并 且 为 按钮 的 单 击 事件 指定 一 个 事件 处 
理 程序 ， 步 骤 如 下 : 

(1) 设置 相关 控件 的 Name 属性 值 分 别 为 tbxName (姓名 )、tbxTel (联系 电话 )、tbxEmail 
(CE-mail)、dplGroup〈 分 组 类 型 )、lblShowInfo 〈 结 果 显 示 ) 和 btnAdd (添加 )。 

(2) 切换 到 页 面 的 “设计 ”视图 ， 并 双击 “添加 ”按钮 控件 。 

(3) 打开 代码 隐藏 文件 Contact.aspx.cs， 并 完善 Click 事件 处 理 代码 ， 具 体 如 下 : 


protected void btnAdd_Click(object sender, EventArgs e) 


t 
lblShowlnfo.Text = tbxName. Text + tbxTel.Text + tbxEmail.Text + dplGroup. Text; 


} 


(4) 选择 工作 区 上 方 的 选项 卡 ， 切 换 到 内 容 文件 Contactaspx。 然 后 单 击 工 作 区 底部 
的 “ 源 ” 按 钮 ， 转 到 “ 源 ” 视 图 。btnAdd 控件 上 添加 了 OnClick 属性 ， 该 属性 值 已 经 设置 
成 上 述 所 添加 文本 行 的 事件 处 理 程序 的 方法 名 btnAdd_Click。 

(5) 按 F5 键 或 者 选择 Debug 一 Start 命令 ， 可 运行 网 页 。 在 对 应 文本 框 中 输入 信息 ， 
选择 分 组 类 型 ， 然 后 单 击 “ 添 加 ”按钮 ， 页 面 上 将 会 显示 所 输入 和 选择 的 通讯 录 内 容 。 


[加 说 明 : 本 例 中 只 用 到 了 少量 几 个 属性 ,实际 上 每 种 服务 器 控件 都 有 丰富 的 属性 可 供 选择 ， 
以 满足 不 同 的 要 求 ， 详 细 介绍 请 参阅 相关 资源 。 


6.4 数据 库 驱 动 的 ASP.NET 编程 


在 前 面 的 内 容 中 创建 了 网 页 ， 但 是 页 面 并 没有 与 数据 交互 ， 通 讯 录 数据 并 没有 真正 保 
存 起 来 。 如何 从 数据 库 获 得 数据 并 呈现 在 页 面 上 , 或 者 从 页 面 收集 数据 保存 到 数据 库 中 呢 ? 
本 节 将 介绍 基本 的 TSQL 编程 和 ADO.NET 技术 ,并 以 GridView 控件 为 例 说 明 利用 数据 绑 
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定 技术 显示 和 更 新 数据 的 方法 。 


6.4.1 利用 SQL 及 存储 过 程 处 理 数据 


在 ASPNET 项 目 中 可 以 使 用 多 种 不 同类 型 的 数据 库 , 包括 Access、SQL Server、Oracle 
和 MySQL。 不 过 ,在 ASPNET Web 站 点 中 最 常用 的 数据 库 是 微软 的 SQL Server。 本 章 所 
有 示例 都 是 基于 SQL Server 数据 库 的 , 读者 可 以 采用 正式 版 的 SQL Server 或 Microsoft SQL 
Server Express Edition 来 调试 程序 。 


1. 创建 数据 库 


右 击 解 决 方案 ， 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 ， 在 打开 的 对 话 框 中 选择 
“SQL Server 数据 库 ” 选 项 ， 如 图 6-25 所 示 ， 并 指定 名 称 为 PersonMIS.mdf， 单 击 “ 添 加 ” 
按钮 添加 数据 库 。 


[加 说 明 : 必须 安装 SQL Server Express 组 件 后 才 可 以 使 用 该 功能 ， 否 则 必须 在 正式 版 的 
SQL Server 中 创建 数据 库 。 
BE 
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图 6-25 添加 SQL Server 数据 库 


2. 添加 数据 表 
为 了 存储 6.3.3 节 中 介绍 的 通讯 录 内 容 ， 需 要 按 表 6-4 中 的 说 明 创 建 数据 表 。 
表 6-4 通讯 录 (Contacts) 表 结 构 说 明 


字段 名 称 | 数据 类 型 人 备 注 
SN 主键 ， 标 识字 段 


Name 
Phone 是 
Email 是 
GroupName 否 
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3. 使 用 T-SQL 语言 检索 和 操纵 数据 


与 数据 库 交互 时 ， 需 要 花 大 量 时 间 检 索 和 操纵 数据 ， 这 些 操作 可 归结 为 4 种 不 同类 型 ， 
即 CRUD 一 一 Create (创建 )、Read〔 读 取 )、Update (更 新 ) 和 Delete (删除)。 这 些 数据 
操作 很 重要 ， 也 是 数据 库 相 关 课 程 的 核心 内 容 ， 下 面 简要 介绍 这 些 操作 的 SQL 语句 的 特殊 
形式 。 

(1) 查询 数据 

查询 语句 一 般 包括 选择 (SELECT) 子 句 、 条 件 (WHERE) 子 句 、 排 序 (ORDER BY) 
子 句 和 分 组 (GROUP BY) 子 句 等 几 部 分 。 其 中 选择 子 句 返回 必需 的 字段 列表 ， 条 件 子 句 
用 来 筛选 数据 ， 排 序 子 句 用 于 将 查询 记录 排序 ， 分 组 子 句 用 于 数据 汇总 ， 这 些 子 句 的 构造 
方式 要 根据 实际 系统 需求 而 定 。 这 里 介绍 两 个 特殊 并 且 用 途 广泛 的 查询 语句 ， 一 是 查询 
全 部 记录 ， 它 不 需要 选择 条 件 ， 这 里 假定 返回 所 有 字段 并 且 不 考虑 排序 和 分 组 情况 ， 代 码 
如 下 : 


SELECT SN, Name, Phone, Email, GroupName 
FROM Contacts 


二 是 查询 单个 记录 ， 它 与 查询 全 部 记录 类 似 ， 只 是 附加 了 一 个 “ 按 主键 查询 ”的 条 件 
子 句 ， 代 码 如 下 : 
SELECT SN, Name, Phone, Email, GroupName 


FROM Contacts 
WHERE SN=1 


(2) 添加 单个 记录 
要 将 新 数据 插入 到 SQL Server 表 中 ， 可 以 使 用 INSERT 语句 ， 它 有 一 些 不 同 的 形式 ， 
但 最 简单 的 形式 如 下 所 示 : 
INSERT INTO TableName (Column1 [, Column2]) VALUES (Value1 [, Value2]) 
下 列 代码 段 显示 了 如 何 将 新 值 插入 到 Genre 表 中 : 
INSERT INTO Contacts (Name, Phone, Email, GroupName) 
VALUES (' 章 章 '", '13512341234', zhangzhang@163.com', ' 同 学 ') 


在 上 面 语句 中 ， 并 没有 指定 SN 字段 的 值 ， 因 为 该 字段 是 标识 字段 ， 在 插入 数据 时 自动 
生成 ， 假 定 为 1。 
(3) 更 新 单个 记录 
要 更 新 表 中 的 数据 ， 可 以 使 用 UPDATE 语句 ， 例 如 : 
UPDATE TableName 


SET Column1 = NewValue1 [, Column2 = NewValue2] 
WHERE Column3 = Value3 


为 了 确保 只 更 新 特定 数据 ， 更 新 记录 时 一 般 需要 指定 更 新 条 件 ， 更 新 单个 记录 时 往往 
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按 主 键 或 唯一 键 来 构造 条 件 子 句 。 下 列 代码 段 显 示 了 如 何 更 新 指定 的 记录 : 
UPDATE Contacts 


SET Name = ' 章 章 ', Phone='10086'， Email = 'zhangzhang@163.com', GroupName = ' 同 学 ' 
WHERE SN=1 


(4) 删除 单个 记录 
删除 数据 库 记 录 使 用 DELETE 语句 ,和 SELECT 和 UPDATE 语句 一 样 ,可 以 在 DELETE 
语句 中 使 用 WHERE 子 句 来 限制 删除 的 记录 数 。 这 个 WHERE 子 句 通常 非常 重要 ， 因 为 如 
果 没 有 它 ， 很 可 能 会 删除 整个 表 而 不 只 是 一 小 部 分 记录 。 
下 列 代 码 段 显示 了 如 何 按 主键 删除 指定 的 记录 ; 


DELETE Contacts 
WHERE SN=1 


4. 使 用 存储 过 程 完成 数据 操作 


许多 实际 的 应 用 程序 使 用 存储 过 程 来 与 SQL Server 或 者 其 他 大 型 数据 库 交 互 ， 调 用 存 
储 过 程 和 直接 调用 SQL 语句 具有 相同 效果 。 调用 存储 过 程 的 优点 在 于 , 在 大 型 应 用 程序 中 ， 
存储 过 程 可 更 加 高 效 ， 因 为 数据 库 对 存储 过 程 的 执行 进行 了 优化 。 
上 述 4 类 简单 的 SQL 语句 都 可 以 被 封装 为 相应 的 存储 过 程 ， 并 根据 需要 指定 存储 过 程 
(1) 查询 全 部 记录 


CREATE PROCEDURE ContactsSelectAll 

AS 
SELECT SN, Name, Phone, Email, GroupName 
FROM Contacts 


(2) 查询 单个 记录 


CREATE PROCEDURE ContactsSelectOne 
@SNINT 

AS 
SELECT SN, Name, Phone, Email GroupName 
FROM Contacts 
WHERE SN = @SN 


(3) 添加 单个 记录 


CREATE PROCEDURE ContactslnsertOne 


@Name VARCHAR(20), 
@Phone VARCHAR(40), 
@Email VARCHAR(40), 


@GroupName VARCHAR!(10) 
AS 
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INSERT INTO Contacts (Name, Phone, Email GroupName) 
VALUES (@Name, @Phone, @Email, @GroupName) 


(4) 更 新 单个 记录 
CREATE PROCEDURE ContactsUpdateOne 
@SN INT, 
@Name VARCHAR(20), 
@Phone VARCHAR(40), 
@Email VARCHAR(40), 


@GroupName VARCHAR(10) 
AS 

UPDATE Contacts 

SET Name = @Name, 
Phone = @Phone, 
Email = @Email, 
GroupName = @GroupName 

WHERE SN = @SN 


(5) 删除 单个 记录 


CREATE PROCEDURE ContactsDeleteOne 
@SNINT 

AS 
DELETE Contacts 
WHERE SN = @SN 


6.4.2 ADO.NET 技术 概述 


ADO.NET 是 Microsoft .NET 框架 中 所 包含 的 一 组 库 ， 用 于 在 .NET 应 用 


程序 中 同 各 种 


数据 存储 区 进行 通信 。 在 .NET 框架 中 ，ADO.NET 类 库 位 于 System.Data 命名 空间 下 ， 这 些 
类 库 包括 连接 到 数据 源 、 执 行 命令 以 及 存储 、 操 作 和 获取 数据 等 功能 。 还 可 将 ADO.NET 
用 作 一 种 可 靠 、 分 层 的 非 连接 数据 缓存 ， 以 脱 机 方式 处 理 数 据 。 利 用 最 主要 的 非 连接 对 象 
DataSet， 可 以 对 数据 进行 排序 、 检 索 、 筛 选 、 保 存 以 及 在 分 层 数 据 中 进行 浏览 。 


1. ADO.NET 对 象 模型 


ADO.NET 对 象 模型 是 很 丰 语 的 ， 然 而 它 的 核心 仅 包括 一 些 比较 简单 的 类 集 ， 可 分 为 两 
类 : 一 类 为 “连接 的 ”对 象 ， 另 一 类 为 “ 断 开 连接 的 ”对 象 ， 后 者 允许 将 查询 结果 保存 在 


内 存 中 进行 处 理 。 


DbConnection 对 象 代表 指向 数据 源 的 连接 通道 ， 可 以 在 不 同 的 DbCommand 对 象 间 共 


享 ， 而 且 支 持 事 务 。 


DbCommand 对 象 会 把 命令 〈 通 常 是 SQL 语句 或 存储 过 程 名 ) 发 送 给 数据 库 ， 以 完成 


人 Web 开发 实用 技术 基础 


应 用 程序 的 特定 操作 。 

DataSet 类 用 于 表示 一 个 数据 库 的 富 子 集 ， 它 缓存 在 会 话 状态 和 内 存 中 ， 且 支持 离线 操 
作 ， 不 需要 不 间断 的 数据 库 ， 只 需要 周期 性 地 让 DataSet 重新 连接 数据 库 ， 这 样 才 可 以 把 
DataSet 的 更 新 提交 给 数据 库 ， 同 时 ， 也 可 以 把 由 其 他 进程 对 数据 库 的 更 新 放 入 DataSet 中 。 

DataSet 被 认为 是 “在 内 存 中 的 数据 库 ”， 因而 可 以 存放 一 系列 表 及 其 数据 , 它 使 用 必要 
的 元 数据 来 表示 数据 库 表 之 间 的 关系 和 约束 。 DataSet 由 DataTable 对 象 和 DataRelation 对 象 
组 成 ， 而 DataTable 对 象 又 包括 DataRow 对 象 和 DataColumn 对 象 。 

ADO.NET 使 用 DataAdapter 对 象 在 DataSet 对 象 和 数据 库 之 间 实 现 交 互 , 避 免 了 DataSet 
对 象 与 数据 库 架 构 间 过 于 紧密 的 联系 , 进而 保证 了 一 个 DataSet 可 表示 多 于 一 个 数据 库 或 其 
他 数据 源 。 

ASPNET 提供 了 不 同 版 本 的 DataAdapter 对 象 , 分 别 与 不 同类 型 数据 源 ( 如 SQL Server、 
Access、Oracle 等 )“ 打 交道 ” 这 些 版 本 实际 上 就 是 DataAdapter 类 的 子 类 对 象 。 

DataReader 对 象 是 DataSet 对 象 的 一 个 轻 量 级 替代 品 , 用 于 在 单 向 只 读 访问 数据 时 提供 
更 好 的 系统 性 能 ， 它 可 以 执行 SQL 语句 或 者 存储 过 程 。 


2. .NET 数据 提供 程序 


.NET 数据 提供 程序 是 一 个 类 的 集合 ,专门 用 于 同 特定 类 型 的 数据 存储 区 进行 通信 。.NET 
框架 包括 以 下 4 种 提供 程序 : 

@ SQL Client .NET 数据 提供 程序 ， 专 门 用 于 访问 SQL Server 数据 库 。 

@ ”Oracle Client .NET 数据 提供 程序 ， 专 门 用 于 访问 Oracle 数据 库 。 

@ ODBC .NET 数据 提供 程序 。 

@ OLE DB .NET 数据 提供 程序 。 

ODBC 和 OLE DB .NET 数据 提供 程序 经 常 被 称 为 “桥梁 ”组 件 ， 以 便 使 开发 人 员 能 够 
分 别 通过 ODBC 驱动 程序 和 OLE DB 提供 程序 同 各 种 数据 存储 区 进行 通信 。 

每 个 NET 数据 提供 程序 都 有 自己 的 命名 空间 和 一 套 相 关 类 ， 是 System.Data 命名 空间 
的 一 个 子 集 。 其 中 ，SQL Client 数据 提供 程序 位 于 System.Data.SqlClient 命名 空间 中 ， 
ODBC .NET 数据 提供 程序 位 于 System.Data.Odbc 命名 空间 中 ; OLE DB .NET 数据 提供 程序 
位 于 System.Data.OleDb 命名 空间 中 ; Oracle Client .NET 数据 提供 程序 则 位 于 System.Data. 
OracleClient 命名 空间 中 。 

由 于 每 个 NET 数据 提供 程序 都 实现 相同 的 基本 接口 ， 所 以 在 本 书 中 不 需要 针对 所 
有 .NET 数据 提供 程序 来 解释 如 何 使 用 这 些 接口 ， 而 是 着 重 介绍 SQL Client .NET 数据 提供 
程序 及 其 包括 的 SqlConnection、SqlCommand、SqlAdapter、SqlDataReader 对 象 。 


6.4.3 使 用 ADO.NET 技术 访问 SQL Server 数据 库 


在 开发 ASPNET 应 用 程序 时 ， 访 问 数据 库 相 当 方便 ， 既 可 以 通过 可 视 化 配置 方式 轻松 
实现 数据 库 操作 ， 也 能 够 以 编程 方式 实现 相应 操作 ， 从 而 提高 程序 架构 的 清晰 度 和 可 维护 
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性 。 本 小 节 主要 讨论 以 编程 方式 访问 数据 库 的 基本 内 容 。 
1. 关键 步骤 


使 用 ADO.NET 技术 进行 数据 查询 和 数据 操纵 一 般 包 括 连接 数据 库 、 配 置 命令 、 执 行 命 
令 并 处 理 执行 结果 几 个 步骤 。 
(1) 连接 数据 库 
有 两 种 方式 可 以 在 运行 时 生成 SqlConnection 对 象 : 既 可 以 使 用 无 参数 构造 函数 简单 地 
生成 一 个 未 初始 化 的 SqlConnection 对 象 ， 也 可 以 使 用 连接 字符 串 作 为 参数 来 构造 ， 其 中 连 
接 字符 串 有 3 种 形式 ， 具 体 取 决 于 数据 库 验证 方式 和 数据 库 实例 类 型 ， 例 如 : 


SqlConnection conn1 = new SqlConnection();// 构 造 默认 的 连接 

SqlConnection conn2 = new SqlConnection("Data Source=.; Initial Catalog=PersonMIS; Integrated 

Security=True;");//Window 集成 身份 验证 ， 使 用 独立 版 本 数据 库 

SqlConnection conn3 = new SqlConnection("Data Source=.; Initial Catalog=PersonMIS; User ID=sa; 

Password=abc; connect Timeout=30");// 混 合身 份 验证 ， 使 用 独立 版 本 数据 库 

SqlConnection conn4 = new SqlConnection("Data Source=.\SQLEXPRESS; AttachDbFilename= 
|Data Directory|\PersonMIS.mdf' Integrated Security=True; User Instance=True ");// 使 用 Express 版 本 数 
据 库 


在 生成 SqlConnection 对 象 时 ， 其 初始 状态 为 “关闭 ”(Closed)， 并 没有 真正 连接 到 数 
据 存储 区 。 要 连接 至 数据 存储 区 , 首先 利用 构造 函数 或 者 通过 设置 该 对 象 的 ConnectionString 
属性 来 提供 一 个 有 效 的 连接 字符 串 ， 然 后 调用 该 对 象 的 Open 方法 。 如 果 在 SqlConnection 
关闭 状态 下 尝试 执行 查询 命令 ， 系 统 将 会 发 生 InvalidOperationException 异常 。 

为 了 合理 利用 数据 库 连接 资源 ， 在 使 用 完 SqlConnection 对 象 时 ， 要 确保 关闭 它 ， 只 需 
要 调用 该 对 象 的 Close 方法 即 可 。 

在 已 经 连接 到 SQL Server 数据 库 之 后 ，SqlConnection 对 象 可 以 用 作 许 多 操作 的 起 始 
点 一 一 创建 命令 、 开 始 事务 以 及 提取 架构 信息 。 

(2) 配置 命令 

SqlCommand 类 是 用 于 对 SQL Server 数据 库 进 行 访问 的 命令 类 。 创 建 SqlCommand 对 
象 有 3 种 方式 : 一 是 使 用 new 关键 字 直 接 创建 对 象 的 一 个 新 实例 ， 然 后 设置 适当 属性 ， 二 
是 使 用 一 个 可 用 的 构造 函数 来 指定 查询 字符 串 以 及 SqlConnection 对 象 ; 三 是 调用 
SqlConnection 类 的 CreateCommand 方法 来 简化 创建 过 程 ， 这 3 种 方法 对 应 的 程序 如 下 : 


string strSQL; 

strSQL = "SELECT CustomerlD, CompanyName FROM Customers"; 
conn4.Open(); 

SqlCommand cmd; 

/使 用 无 参数 构造 函数 

cmd = new SqlCommand(); 

cmd.Connection = conn4; 

cmd.CommandText = strSQL; 

/使 用 参数 化 构造 函数 

cmd = new SqlCommand(strSQL, conn4); 
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/使 用 Connection 对 象 的 CreateCommand 方法 

cmd = conn4.CreateCommand(); 

cmd.CommandText = strSQL; 

cmd.CommandType = CommandType.Text;// 配 置 命令 类 型 


利用 SqlCommand 对 象 ， 调 用 存储 过 程 就 变 得 简单 。 将 CommandText 属性 设置 为 存储 
过 程 的 名 称 ， 将 CommandType 属性 设置 为 CommandType.StoredProcedure， 代 码 如 下 : 


cmd.CommandType = CommandType.StoredProcedure; 
cmd.CommandText = "ContactsSelectAll"; 


参数 化 查询 (Parameterized Query 或 Parameterized Statement) 是 指 在 访问 数据 时 , 在 需 
要 给 命令 对 象 附 加 数值 或 数据 的 地 方 ， 使 用 参数 传 值 的 方式 代替 ， 可 以 有 效 预 防 SQL 注入 
攻击 SQL Injection)。 

在 实际 应 用 中 ， 希 望 使 用 参数 化 查询 的 情景 有 很 多 ， 如 根据 用 户 输入 或 选择 的 条 件 进 
行 检索 和 删除 数据 、 在 添加 数据 时 向 数据 库 传 递 新 数据 及 在 修改 数据 时 向 数据 库 传递 新 值 
和 修改 条 件 等 。 根 据 传 值 的 方向 ， 参 数 可 分 为 输入 参数 、 输 出 参数 和 返回 值 参数 ， 由 
SqlParameters 对 象 的 Direction 属性 来 指定 。 

在 .NET 2.0 以 后 ， 添 加 参数 的 方式 非常 简单 ， 只 需 调 用 AddWithValue 方法 即 可 ， 代 码 
如 下 : 


cmd.Parameters.AddWithValue("@SqlParamName", DotNetParamName); 


(3) 执行 命令 和 处 理 返 回 值 

配置 完成 后 ， 只 需要 利用 SqlCommand 的 适当 方法 来 调用 存储 过 程 即 可 。 如 果 希 望 查 
看 返回 的 行 ， 则 使 用 ExecuteReader; 如 果 希 望 仅 获取 单一 值 ， 则 使 用 ExecuteScalar; 如 果 
希望 获取 被 修改 的 行 数 或 者 对 于 返回 数据 不 感 兴趣 ， 则 使 用 ExecuteNonQuery。 

@ ”使 用 SqlDataReader 对 象 读 取 数 据 

调用 SqlCommand 对 象 的 ExecuteReader 方法 会 返回 SqlDataReader 对 象 ， 可 以 用 它 来 
获取 由 这 些 查询 返回 的 行 。 在 调用 ExecuteReader 之后， 第 1 行 数据 并 非 立即 可 用 ， 所 以 在 
读 取 结 果 的 第 1 行 之 前 必须 调用 Read 方法 。 对 Read 方法 的 后 续 调 用 会 依次 获取 下 一 行 ， 
直到 读 完 所 有 数据 。 此 方法 还 返回 一 个 Boolean 值 ， 以 指示 SqlDataReader 是 否 有 可 用 行 。 
因此 , 当 Read 方法 返回 False 时 , 表明 已 经 到 达 结 果 的 末尾 , 此 时 , 应 该 关闭 SqlDataReader 
对 象 。 

通过 SqlDataReader 对 象 读 取 数 据 时 ， 往 往 需要 将 数据 行 转换 为 实体 类 对 象 ， 以 便 进 一 
步 处 理 〈 详 见 后 续 内 容 )。 

@ ”使 用 SqlDataAdapter 对 象 读 取 数 据 

SqlDataAdapter 类 用 作 ADO.NET 对 象 模型 中 已 连接 部 分 和 未 连接 部 分 之 间 的 桥梁 ， 可 
以 使 用 SqlDataAdapter 对 象 从 数据 库 中 获取 数据 ， 并 将 其 存储 在 DataSet 中 ， 也 可 以 借助 
SqlDataAdapter 对 象 提取 DataSet 对 象 的 数据 变化 ， 并 更 新 到 数据 库 。 

在 创建 SqlDataAdapter 时 ,通常 需要 将 SelectCommand 属性 设置 为 一 个 有 效 的 SqlCommand 
对 象 ， 调 用 SqlDataAdapter 类 的 Fill 方法 会 执行 该 查询 ， 并 将 结果 填充 到 DataSet 对 象 中 。 
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(4) 执行 操作 查询 

不 返回 结果 集 的 查询 通常 被 称 为 操作 查询 (action query)， 分 为 以 下 两 大 类 。 

@ ”数据 操作 语言 (DML) 查询 

这 些 查询 修改 数据 库 的 内 容 ， 也 称 为 基于 查询 的 更 新 〈《QBU)， 包 括 针 对 数据 表 的 
INSERT、UPDATE 和 DELETE 操作 。 

@ ”数据 定义 语言 (DDL) 查询 

这 些 查 询 修 改 数据 库 的 结构 ， 包 括 针 对 数据 库 对 和 象 的 CREATE 和 DROP 操作 。 

SqlCommand 允许 将 受 此 查询 影响 的 行 数 作为 ExecuteNonQuery 方法 的 返回 值 返回 , 以 
此 确定 操作 是 否 成 功 。 


人 加 说 明 : ExecuteNonQuery 方法 的 返回 值 不 是 判断 操作 成 败 的 唯一 标准 ， 甚 至 在 SQL Server 
启用 NOCOUNT 选项 后 ， 返 回 值 将 会 失效 。 一 个 推荐 的 处 理 方案 是 将 操作 成 败 
的 判断 放 在 存储 过 程 中 ,通过 RAISERROR 函数 与 前 台 应 用 程序 的 异常 处 理 结合 
起 来 ， 构 成 一 个 错误 处 理 体系 。 


2. 通讯 录 实体 类 代码 


在 更 新 和 插入 数据 时 ， 需 要 给 存储 过 程 传递 的 参数 会 很 多 ， 基 本 上 是 表 的 全 部 字段 ， 
这 时 如 果 将 每 一 个 参数 值 都 声明 为 一 个 形 参 ， 会 大 大 增加 成 员 方 法 接口 的 复杂 性 。 在 分 层 
架构 应 用 程序 中 ， 一 个 推荐 的 替代 方案 就 是 使 用 实体 对 象 作为 参数 ， 这 也 符合 面向 对 象 方 
法 的 基本 思想 。 

实体 对 象 的 另 一 个 用 途 是 作为 查询 单个 记录 方法 的 返回 值 。 设 计 实体 类 时 ， 必 须 考虑 
类 成 员 与 表 字段 的 对 应 关系 和 成 员 数 据 类 型 ， 如 Name 字段 在 SQL Server 中 为 VARCHAR 
类 型 ， 在 .NET 中 对 应 类 型 为 String。 

在 VWD 2008 中 添加 实体 类 的 步 又 如 下 : 

(1) 右 击 网 站 Ex0704， 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 ， 弹 出 如 图 6-26 
所 示 的 对 话 框 。 


FTIR x 
EE 
模板 吧 ): 


司 口 , 目 ， 民 这 国 , 四 国 
Yeb 窗 体 母 版 页 Web 央 rt 0 TAX PY AS 后 ATAX Fi 


| 


sm ATAX 母 版 页 Dynanic WL 页 mug 文 LI to SQL SQL Server 。 YCF 服务 


字段 美 数据 库 
站 ,县 四 有 二 人 
Yeb 服务 Web | XML 文件 XSLT 文件 浏览 器 文件 局 用 了 何必 全 局 应 用 程 
的 YCF 服务 序 类 


语言 史 : Nisva ce 司 三 将 代 三 放生 单 物 的 文件 中 四 ) 
[三 二 


图 6-26 添加 新 项 
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(2) 选中 “类 ”模块 ， 输 入 类 名 称 “ContactsModule.cs”， 然 后 单 击 “ 添 加 ”按钮 。 
(3) ASPNET 中 类 文件 应 该 放 在 App_Code 系统 文件 夹 内 , 如 果 是 第 一 次 添加 类 文件 ， 
会 弹出 如 图 6-27 所 示 的 对 话 框 ， 单 击 “ 是 ”按钮 即 可 。 


zw | mm 


图 6-27 添加 App_Code 文件 夹 


(4) 在 打开 的 ContactsModule.cs 中 ， 完 善 ContactsModule 类 的 代码 ， 具 体 代码 如 下 
所 示 : 


public class ContactsModule 


t 

public ContactsModule(){ } 

public Int32SN;// 序 号 

public ”String Name;// 姓 名 

public ”String ”Phone;// 联 系 电 话 

public String Email;//E-mail 

public ”String ”GroupName;// 所 属 分 组 
} 


3. 通讯 录 数 据 访问 类 代码 

虽然 数据 库 访 问 代码 可 以 与 界面 处 理 代 码 放 在 一 起 ， 但 是 ， 通 常情 况 下 这 不 是 一 个 好 
主意 ， 因 为 它 很 大 程度 上 降低 了 代码 的 可 读 性 和 软件 架构 的 灵活 性 。 一 个 推荐 的 方案 是 : 
将 数据 访问 代码 单独 存放 ， 形 成 一 个 ContactsDA 类 ， 把 调用 存储 过 程 的 相关 操作 封装 成 相 
应 的 类 成 员 方 法 。 数 据 访问 类 文件 ContactsDA.cs 的 添加 步骤 与 上 述 方法 相同 ， 而 各 个 成 员 
方法 的 代码 如 下 所 示 。 

(1) 查询 所 有 记录 


public DataTable ContactsSelectAll() 
{ 


Using (SqlConnection conn = new SqlConnection(ConnStr)) 


{ 
if(ConnectionState.Closed == conn. State) 
{ 
conn.Open(); 
和 
using (SqlCommand cmd = conn.CreateCommand()) 
{ 


cmd.CommandType = CommandType.StoredProcedure; 
cmd.CommandText = "ContactsSelectAll"; 
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try 

{ 
SqlDataAdapter Adapter = new SqlDataAdapter(cmd); 
DataSet ds = new DataSet(); 
Adapter.Fill(ds); 
conn.Close(); 
return ds.Tables[0]; 

} 

catch (SqlException sqlEx) 

{ 
throw sqlEx:; 

} 


(2) 查询 单个 记录 


public ContactsModule ContactsSelectOne(lnt32 SN) 


‘ 
using (SqlConnection conn = new SqlConnection(ConnStr)) 
if(ConnectionState.Closed == conn.State) 
{ 
conn.Open(); 
using (SqlCommand cmd = conn.CreateCommand()) 
{ 


cmd.CommandType = CommandType.StoredProcedure; 
cmd.CommandText = "ContactsSelectOne"; 


##egion 添加 存储 过 程 参数 
cmd.Parameters.AddWithValue("@SN", SN);// 序 号 
#endregion 


try 

{ 
SqlDataReader dr = cmd.ExecuteReader(); 
if (dr.HasRows == false) 


{ 
dr.Close(); 
return null; 


} 
ContactsModule ContactsMod = new ContactsModule(); 


drRead(); 


213 


) 


夕 Web 开发 实用 技术 基础 


214 


} 


#region 读 取 字 段 值 
if(ldrlsDBNul(O) 


{ 
ContactsMod.SN = dr.GetInt32(0);// 序 号 


ContactsMod.SN = 0;// 序 号 


; 
// 读 取 其 他 字段 
#endregion 


drClose(); 
conn.Close(); 


return ContactsMod; 


catch(SqlException sqlEx) 


{ 
} 


throw sqlEx:; 


(3) 删除 一 条 记录 


public void ContactsDeleteOne(lnt32 SN) 


{ 


Using (SqlConnection conn = new SqlConnection(ConnStr)) 


{ 


if(ConnectionState.Closed == conn.State) 


conn.Open(); 


using (SqlCommand cmd = conn.CreateCommand()) 


{ 


cmd.CommandType = CommandType.StoredProcedure; 
cmd.CommandText = "ContactsDeleteOne"; 


#region 添加 存储 过 程 参 数 
cmd.Parameters.AddWithValue("@SN", SN);// 序 号 
#endregion 


try 
‘ 


cmd.ExecuteNonQuery(); 
conn.Close(); 


分 组 
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catch (SqlException sqlEx) 


throw sqlEx:; 


(4) 更 新 一 条 记录 
根据 是 否 采 用 实体 对 象 作为 参数 ，ContactsUpdateOne 方法 有 两 个 版 本 , 分 别 如 下 所 示 : 


/版 本 1 
public void ContactsUpdateOne(ContactsModule ContactsMod) 


Using (SqlConnection conn = new SqlConnection(ConnStr)) 


if(ConnectionState.Closed == conn.State) 


conn.Open(); 


using (SqlCommand cmd = conn.CreateCommand()) 


cmd.CommandType = CommandType.StoredProcedure; 
cmd.CommandText = "ContactsUpdateOne"; 


#region 添加 存储 过 程 参数 
cmd.Parameters.AddWithValue("@SN", ContactsMod.SN);// 序 号 
cmd.Parameters.AddWithValue("@Name", ContactsMod.Name);// 姓 名 
cmd.Parameters.AddWithValue("@Phone", ContactsMod.Phone);// 联 系 电话 
cmd.Parameters.AddWithValue("@Email", ContactsMod.Email);//Email 


cmd.Parameters.AddWithValue("@GroupName"，ContactsMod.GroupName);// 所 属 
#endregion 


try 

{ 
cmd.ExecuteNonQuery(); 
conn.Close(); 


} 
catch (SqlException sqlEx) 
i 
// 异 常 处 理 代码 
} 
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} 
/版 本 2 
public void ContactsUpdateOne(lnt32 SN, String Name, String Phone, String Email，String 
GroupName) 
| 
using (SqlConnection conn = new SqlConnection(ConnStr)) 
{ 
if (ConnectionState.Closed == conn.State) 
{ 
conn.Open(); 
} 
using (SqlCommand cmd = conn.CreateCommand()) 


{ 
cmd.CommandType = CommandType.StoredProcedure; 


cmd.CommandText = "ContactsUpdateOne"; 


#region 添加 存储 过 程 参数 
cmd.Parameters.AddWithValue("@SN", SN);// 序 号 
cmd.Parameters.AddWithValue("@Name", Name);// 姓 名 
cmd.Parameters.AddWithValue("@Phone", Phone);// 联 系 电话 
cmd.Parameters.AddWithValue("@Email", Email);//Email 


cmd.Parameters.AddWithValue("@GroupName", GroupName);// 所 属 分 组 


#endregion 
// 其 余 代码 与 版 本 1 相同 


(5) 插入 一 条 记录 
与 更 新 操作 类 似 ，ContactsInsertOne 也 有 两 种 实现 方法 ， 代 码 如 下 所 示 : 


/版 本 1 
public void ContactslnsertOne(ContactsModule ContactsMod) 


Using (SqlConnection conn = new SqlConnection(ConnStr)) 


if(ConnectionState.Closed == conn.State) 


{ 


conn.Open(); 


} 


using (SqlCommand cmd = conn.CreateCommand()) 


长 
cmd.CommandType = CommandType.StoredProcedure; 
cmd.CommandText = "ContactsInsertOne"; 


// 其 余 与 ContactsUpdateOne 方法 的 版 本 1 类 似 
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} 
/版 本 2 
public void ContactslnsertOne (String Name, String Phone, String Email, String GroupName) 
{ 


using (SqlConnection conn = new SqlConnection(ConnStr)) 


{ 
if (ConnectionState.Closed == conn.State) 


' 
conn.Open(); 


} 


using (SqlCommand cmd = conn.CreateCommand()) 


{ 
cmd.CommandType = CommandType.StoredProcedure; 
cmd.CommandText = " ContactsInsertOne "; 


#region 添加 存储 过 程 参数 

cmd.Parameters.AddWithValue("@Name", Name);// 姓 名 
cmd.Parameters.AddWithValue("@Phone", Phone);// 联 系 电话 
cmd.Parameters.AddWithValue("@Email", Email);//Email 
cmd.Parameters.AddWithValue("@GroupName", GroupName);// 所 属 分 组 


#endregion 
// 其 余 代 码 与 ContactsinsertOne 方法 的 版 本 1 相同 


6.4.4 ”显示 和 更 新 数据 


ASPNET 内 置 了 丰富 的 数据 访问 控件 ， 可 以 有 效 地 处 理 系 统 中 的 数据 ， 根 据 其 功能 的 
不 同 分 为 数据 绑 定 控件 (Data-Bound Control) 和 数据 源 控件 〈Data Source Control)， 如 
图 6-28 所 示 。 一 般 情况 下 ， 往 往 将 两 类 控件 结合 起 来 ， 数 据 源 控件 负责 提取 和 处 理 数 据 ， 
主要 完成 连接 数据 源 、 执 行 数据 的 CRUD 操作 等 功能 ， 数 据 绑 定 控件 负责 把 数据 以 多 种 方 
式 显示 在 界面 上 。 


1. 数据 绑 定 控件 简介 


在 构建 软件 (特别 是 Web 站 点 ) 时 ， 遇 到 的 最 普遍 的 问题 就 是 将 一 个 集合 作为 用 户 界 
面 (UI) 元 素 展现 出 来 。ASPNET 包含 了 很 多 数据 绑 定 控件 ， 都 能 够 承载 这 些 集合 并 显示 
到 正确 的 标签 中 。 

每 一 个 ASPNET 中 的 数据 绑 定 控件 都 包含 一 个 属性 来 将 其 关联 到 一 个 数据 源 上 去 ， 这 
些 控件 都 包含 一 个 DataSource 属性 , 可 以 将 任何 实现 了 IEnumerable 接口 的 集合 以 及 DataSet 
和 DataTable 对 象 指定 给 它 。 在 将 集合 关联 到 控件 以 后 , 可 以 在 页 面 (或 控件 ) 上 调用 DataBind 
方法 来 指示 控件 去 迭代 整个 集合 。 

ASPNET 包含 了 很 多 至 少 支 持 简单 数据 绑 定 的 控件 , 包括 CheckBoxList RadioButtonList、 


pai leh 
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DropDownList、ListBox 、TreeView 和 Menu 等 控件 ， 以 及 GridView、DataList、DetailView、 
FormView 和 Repeater 等 更 复杂 的 控件 ， 这 些 控件 用 起 来 很 简单 ， 只 需 在 代码 中 给 它们 关联 
一 个 数据 源 ， 就 可 以 自动 进行 呈现 ， 这 种 绑 定 方式 称 为 代码 式 数据 绑 定 。 并 且 复 杂 控 件 还 
提供 了 多 种 样式 ， 以 便于 以 更 精细 的 方式 来 显示 数据 。 


DD DataList 

同 Detailsyiew 

门 Fermyiev 

三 Repeater 
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[Bp hccessDataSource 
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,YnlDataSource 
SitelapDataSource 
[二 Entityatasouree 
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B31 Listyiew 

ov Datapager 
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图 6-28 数据 控件 
2. 数据 源 控件 简介 


有 些 数据 绑 定 控件 还 包含 一 个 DataSourceID 属性 ， 以 支持 更 复杂 的 数据 绑 定 ， 它 使 用 
一 个 独立 的 数据 源 控件 来 为 数据 绑 定 控件 管理 数据 。 数 据 源 控 件 是 ASPNET 2.0 开始 引入 的 
一 个 新 的 抽象 屋 ， 这 些 控 件 抽象 了 底层 数据 提供 程序 的 使 用 ， 例 如 ，SQL 数据 提供 程序 或 
OLE DB 数据 提供 程序 。 此 外 ， 也 可 以 像 其 他 Web 服务 器 控件 那样 使 用 数据 源 控件 ， 例 如 ， 
可 以 在 HTML 中 明确 定义 和 控制 数据 源 控件 的 操作 ， 或 编程 定义 和 控制 它们 。 这 种 无 须 编 
写 任何 代码 ， 就 可 以 进行 所 有 的 数据 访问 和 处 理 的 数据 绑 定 方法 被 称 为 声明 式 数 据 绑 定 。 
声明 式 绑 定 大 大 简化 了 数据 绑 定 控件 显示 数据 集合 的 过 程 ， 它 们 通过 引用 一 个 页 面 上 的 
DataSource 控件 的 ID 来 完成 任务 。 

ASPNET3.5 中 6 个 内 置 的 数据 源 控件 分 别 用 于 特定 类 型 的 数据 访问 。 表 6-5 为 ASPNET 
中 的 每 个 数据 源 控 件 及 其 说 明 。 


表 6-5 数据 源 控件 及 其 说 明 


控 件 名 说 了 明 

允许 访问 支持 ADO.NET 数据 提供 程序 的 所 有 数据 源 ， 该 控件 默认 可 以 访问 
SqlDataSource 

ODBC、OLE DB、SQL Server、Oracle 和 SQL Server CE 提供 程序 
LingDataSource 可 以 使 用 LINQ 查询 访问 不 同类 型 的 数据 对 象 
ObjectDataSource 可 以 对 业务 对 象 或 其 他 返回 数据 的 类 执行 特定 的 数据 访问 
XmlDataSource 可 以 对 XML 文档 执行 特定 的 数据 访问 ， 包 括 物理 访问 和 内 存 访问 
SiteMapDataSource | 可 以 对 站 点 地 图 提供 程序 所 存储 的 Web 站 点 进行 特定 的 站 点 地 图 数据 访问 
AccessDataSource 可 以 对 Access 数据 库 执行 特定 的 数据 访问 
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3. 通讯 录 数 据 管理 模块 的 实现 


有 关 数 据 访问 控件 的 使 用 方法 需要 至 少 一 本 书 的 内 容 才 有 可 能 介绍 清楚 ， 本 节 仅 以 通 
讯 录 管 理 为 例 介绍 实际 应 用 中 联合 使 用 GridView 控 件 和 ObjectDataSource 控 件 的 一 般 方法 。 
1) 显示 通讯 录 数 据 
在 网 页 上 显示 所 有 通讯 录 数 据 的 步骤 如 下 : 
(1) 打开 Contract.aspx 页 面 ， 并 使 它 处 于 设计 状态 ， 并 从 工具 箱 中 拖 搜 一 个 GridView 
控件 到 Contract.aspx 页 面 中 ， 如 图 6-29 所 示 。 


“起 始 页 | Contract aspx cz | ode /ContastaDh ca 【Cemtrect arpre 
RS [联系 电话 
[Ema 
扮 组 尖 型 [3 本 
| 
Dabadl 添加 


SitagusDatasoaree - SitdlsgDataseueel 


版 权 所 无 ， 限 便 参 考 。 


6-29 添加 GridView 控件 


(2) 以 相同 的 方式 ， 向 页 面 中 添加 ObjectDataSource 控件 ， 单 击 该 控件 右上 角 的 箭头 
符号 ， 在 弹出 的 “ObjectDataSource 任务 ”对 话 框 中 选择 “配置 数据 源 ” 选 项 。 

(3) 在 配置 数据 源 向 导 中 ， 选 择业 务 对 象 为 ContactsDA， 如 图 6-30 所 示 ， 并 单 击 “ 下 
一 步 ”按钮 。 


[FEET 


先 符 可 以 用 于 检索 或 更 新 数 器 的 业务 对 象 到 如 ， 在 此 应 月 程序 的 Bin 或 pp_Cods 目录 中 定义 的 对 象 )。 
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图 6-30 ”选择 业务 对 象 
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(4) 为 数据 源 的 SELECT 操作 指定 相应 的 数据 访问 方法 ， 如 ContactsSelectAll 方法 ， 
如 图 6.31 所 示 ， 然 后 单 击 “完成 ”按钮 结束 数据 源 控件 的 配置。 


配置 数 磊 淹 一 Ob 


tes ne | 


je 
| 定义 数据 方法 
SELECT | veoare | rseer | DELzTz | 


选择 与 SELECT 操作 关联 并 返回 数据 的 业务 对 象 的 方法 。 该 方法 可 返回 DataSet、DatsReader 或 强 类 型 集合 。 
示例 : GetProducts (Int32 categoryIa) ， 它 返回 DataSet。 


图 6-31 定义 数据 方法 


(5) 单 击 GridView1 控件 右上 角 的 箭头 符号 ， 在 弹出 的 “GridView 任务 ”对 话 框 中 选 
择 ObjectDataSourcel 作为 数据 源 。 

(6) 启动 调试 或 直接 运行 该 网 站 ， 网 页 上 会 显示 数据 库 中 的 通讯 录 记 录 (如果 有 的 话 )。 

2) 编辑 通讯 录 数 据 

如 果 要 在 网 页 上 显示 所 有 通讯 录 数 据 ， 需 要 在 前 面 内 容 的 基础 上 完成 以 下 工作 : 

(1) 按 上 面 步骤 (4) 的 方式 配置 ObjectDataSourcel 控件 的 UPDATE 和 DELETE 两 
个 命令 相应 的 方法 ， 分 别 为 ContactsUpdateOne 方法 (版 本 2) 和 ContactsDeleteOne 方法 。 
而 INSERT 命令 可 以 暂时 不 必 配置 。 

(2) 按 上 面 步骤 (5) 的 方式 配置 GridViewl 控件 ， 在 “GridView 任务 ”对 话 框 中 选 
中 “启用 编辑 ”和 “启用 删除 ”两 个 复 选 框 。 同 时 ， 该 控件 的 列表 会 发 生 一 些 变化 ， 出 现 
“编辑 ”和 “删除 ”两 个 操作 按钮 。 

(3) 在 属性 面板 中 ， 将 GridView1 控件 的 DataKeyNames 属性 设置 为 SN。 

(4) 启动 调试 或 直接 运行 该 网 站 ， 即 可 在 网 页 上 修改 和 删除 通讯 录 记 录 (如 果 有 的 话 )。 

3) 以 编程 方式 添加 通讯 录 数 据 

尽管 使 用 GridView 控件 可 以 非常 方便 地 显示 、 更 新 和 删除 数据 ， 但 是 遗憾 的 是 ， 
GridView 控件 不 支持 数据 插入 功能 ， 而 DetailsView 控件 和 FormView 控件 有 效 地 弥补 了 这 
一 缺陷 ， 有 兴趣 的 读者 可 以 参阅 相关 资源 。 本 节 将 介绍 如 何以 编程 方式 完成 数据 添加 操作 ， 
大 致 需要 以 下 关键 步骤 : 

(1) 从 界面 提取 数据 。 

(2) 调用 InsertOne 方法 。 

(3) 操作 执行 结果 提示 和 异常 处 理 。 
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添加 通讯 录 数 据 的 代码 如 下 所 示 : 


protected void btnAdd_Click(object sender EventArgs e) 


党 


#region 构造 通讯 录 对 象 

string Name = tbxName.Text.Trim(); 

string Phone = tbxTel.Text.Trim(); 

string Email = tbxEmail.Text.Trim(); 

string GroupName = dplGroup.Selectedltem. Text; 
#endregion 


// 定 义 数 据 访问 对 象 
ContactsDA conDA = new ContactsDA(); 


// 执 行 数据 添加 操作 
try 
{ 
conDA.ContactsinsertOne(Name, Phone, Email GroupName); 
Response.Write("<script>alert(' 通 讯 录 数据 添加 成 功 /)</script>"); 
catch (Exception ex) 
{ 
Response.Write("<script>alert( 通 讯 录 数 据 添加 失败 。')</script>"); 
} 


针对 经 典 的 数据 访问 技术 的 探讨 就 到 这 里 , .NET3.0 及 其 以 后 的 版 本 引入 了 一 个 访问 和 


管理 数据 的 新 方法 ， 即 语言 集成 查询 (Language Integrated Query，LINQ)， 上 


此 处 不 再 叙述 。 


6.5 创建 外 观 一 致 的 Web 站 点 


于 篇 幅 所 限 ， 


专业 Web 应 用 程序 所 面临 的 问题 会 大 大 超出 单个 Web 页 面 ， 因 为 会 涉及 更 多 的 Web 


页 面 及 页 面 之 间 的 外 观 和 内 容 上 的 相关 性 、 一 致 性 等 。 本 节 将 介绍 如 何在 了 


用 主题 和 母 版 页 把 众多 Web 页 面 整合 成 一 个 完整 、 统 一 的 网 站 。 


6.5.1 


主题 与 外 观 


[ 具 的 帮助 下 使 


通过 前 面 的 介绍 ， 领 略 了 CSS 样式 的 优点 。 但 问题 是 CSS 规则 只 限于 一 组 固定 的 样式 
特性 ， 它 们 允许 开发 人 员 重 用 特定 的 格式 化 细节 (字体 、 边 框 、 前 景 和 背景 色 等 )， 但 它们 


显然 不 能 控制 ASPNET 控件 的 其 他 方面 ， 例 如 ，CheckBoxList 控件 有 一 些 上 


于 控制 如 何 把 
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项 目 组 织 为 行 或 列 的 属性 ， 虽 然 这 些 属性 影响 的 是 控件 的 外 观 ， 但 它们 在 样式 的 范围 之 外 ， 
所 以 必须 手工 设置 它们 。 此 外 ， 开 发 人 员 可 能 还 希望 在 定义 控件 格式 的 同时 定义 控件 的 部 
分 行为 ， 例 如 ， 可 能 希望 标准 化 日 历 控件 的 选择 模式 或 者 文本 框 的 折 行 ， 显 然 ， 它 们 都 不 
可 能 通过 CSS 实现 。 

为 了 解决 上 述 问 题 ， 从 ASPNET 2.0 开始 引入 了 主题 (Theme) 功能 。 所 谓 “ 主 题 ” 是 
指 页 面 和 控件 外 观 属性 设置 的 集合 ， 开 发 人 员 利 用 它 不 仅 能 够 定义 页 面 和 控件 的 外 观 ， 还 
可 以 在 单个 Web 页 面 中 、 单 个 Web 应 用 程序 的 所 有 页 面 甚至 所 有 Web 应 用 程序 中 快速 一 
致 地 应 用 所 定义 的 外 观 。 


1. 主题 的 组 成 元 素 


主题 由 一 组 文件 组 成 ， 包括 至 少 一 个 外 观 〈Skin) 文件 、 若 干 级 联 样式 表 (CSS) 文件 、 
若干 图 片 或 其 他 资源 。 

(1) 外 观 文件 

外 观 文件 是 主题 的 核心 内 容 ， 用 于 定义 页 面 中 服务 器 控件 的 外 观 ， 一 个 主题 可 以 包含 
一 到 多 个 皮肤 文件 , 这 类 文件 的 扩展 名 为 .skin, 可 以 包含 各 种 服务 器 控件 希望 标准 化 的 属性 
设置 。 例 如 : 


<asp: TextBox runat="server" BorderColor="red" BackColor="white" BorderStyle="dotted" /> 


[加 说 明 ， 上 述 代码 与 服务 器 控件 声明 代码 类 似 ， 但 ID 特性 不 允许 在 主题 中 使 用 ， 另 外 ， 
“runat = "server"” 部 分 是 必需 的 ， 其 他 所 有 部 分 都 是 可 选 的 。 


如 果 想 定义 一 些 特殊 用 途 的 控件 外 观 ， 也 可 以 定义 已 命名 外 观 (Named Skin)， 即 在 控 
件 外 观 标 记 中 设置 SkinId 属性 。 
(2) CSS 文件 
主题 中 包含 的 CSS 文件 与 上 面 介绍 的 CSS 文件 没有 本 质 区 别 ， 不 同 之 处 在 于 使 用 方式 
有 些 变化 : 一 是 不 需要 在 页 面 中 指定 所 用 CSS 文件 链接 ， 而 是 随 着 设置 的 主题 自动 应 用 相 
关 样 式 ; 二 是 尽量 不 用 CSS 定义 服务 器 控件 的 样式 , 而 是 处 理 普通 HTML 控件 和 页 面 标记 ， 
服务 器 控件 的 样式 在 外 观 文件 中 定义 。 
(3) 图片 和 其 他 资源 
主题 还 可 以 包含 图 形 、 图 像 和 其 他 资源 ， 如 脚本 文件 或 声音 文件 。 例 如 ， 页 面 主题 的 
一 部 分 可 能 包括 TreeView 控件 的 外 观 。 可 以 在 主题 中 包括 用 于 表示 展开 按钮 和 折 私 按 钮 的 
图 形 。 
2. 创建 基本 主题 
所 有 的 主题 都 是 应 用 程序 相关 的 。 要 在 Web 应 用 程序 中 使 用 主题 ， 必 须 创建 一 个 定义 
它 的 文件 夹 , 这 个 文件 夹 必 须 放 在 一 个 称 为 App_Themes 的 文件 夹 中 , 而 它 又 必须 位 于 Web 
应 用 程序 的 最 上 层 (如 图 6-32 所 示 )。 应 用 程序 可 以 定义 多 个 主题 ， 只 要 每 个 主题 都 在 一 个 
单独 的 文件 夹 里 。 对 于 一 个 给 定 的 页 面 ， 每 次 只 能 有 一 个 主题 处 于 活动 状态 。 
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接 下 来 需要 往 主题 文件 夹 中 添加 外 观 文 件 ， 方 法 是 : 在 解决 方案 资源 管理 器 中 右 击 主 
题 的 名 称 ， 然 后 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ”命令 。 在 弹出 的 “添加 新 项 ”对 话 
框 中 选择 “外 观 文件 ”选项 ,然后 在 “名 称 ” 文 本 框 中 输入 skin 文件 的 名 称 ， 最 后 单 击 “ 添 
加 ”按钮 即 可 ， 如 图 6-33 所 示 。 


可 
局 | 田 央 | 硬 衣 


及 肠 疾 现 区 革 目 得 
二 可 二 ZL 文件 ”XSLT 文件 锅 5 乒 文本 文件 样式 表 
委 的 模板 
| 


A StyleSheet css 


web. config 
eb, sitenap 
图 6-32 ”主题 文件 夹 6-33 ”添加 外 观 文件 


在 skin 文件 中 ， 使 用 声明 性 语法 添加 标准 控件 定义 ， 但 仅 包含 要 为 主题 设置 的 属性 。 
控件 定义 必须 包含 “runat="server"” 属 性 ， 但 不 能 包含 ID=" 属 性 。 下 列 代码 显示 了 外 观 文 
件 的 内 容 。 


<asp:Button runat="server" BackColor="#669999" 
BorderColor="Silver" BorderStyle="Solid" BorderWidth="2px" 
Font-Bold="True" Font-Size="Medium" ForeColor="Red" /> 
<asp: TextBox runat="server" BackColor=#CCCCCC" 
BorderStyle="Solid" Font-Bold="True" Font-Size="Large” 
Width="200px"></asp:TextBox> 
<asp: TextBox runat="server" BackColor=#CCCCCC" 
BorderStyle="Solid" Font-Bold="True" Font-Size="Large" Height="50px" 
Width="200px" Skinld="RemarkTextBox" ></asp:TextBox> 


3. 创建 包含 CSS 和 图 像 的 主题 


要 在 主题 中 使 用 样式 表 ， 首 先 必须 把 样式 表 放 入 主题 文件 夹 。ASP.NET 在 这 个 文件 夹 
中 搜索 所 有 的 CSS 文件 并 把 它们 动态 地 绑 定 到 所 有 使 用 该 主题 的 页 面 。 具 体 添加 和 定义 样 
式 表 的 方法 见 本 章 前 面 内 容 。 

外 观 的 另 一 个 强大 的 功能 是 可 以 把 图 片 作为 主题 的 一 部 分 从 而 重用 它们 。 例 如 ， 想 把 
一 幅 图 片 用 于 整个 网 站 的 “搜索 ”按钮 或 用 于 所 有 “删除 ”按钮 ， 图 片 文件 应 该 存储 在 主 
题 文 件 夹 的 图 片子 文件 夹 里 ， 然 后 控件 外 观 标记 中 就 可 以 引用 它们 了 。 这 里 需要 强调 两 点 : 
一 是 这 类 控件 外 观 必须 是 已 命名 的 外 观 ， 因 为 这 样 定义 的 标准 化 按钮 类 型 应 该 只 在 需要 时 
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才 被 页 面 使 用 ， 而 不 是 在 定义 一 个 作用 于 所 有 按钮 的 默认 样式 ， 二 是 在 外 观 文 件 中 添加 图 
片 的 引用 时 ， 一定 要 保证 图 片 的 URL 相对 于 主题 文件 夹 而 不 是 页 面 所 在 的 文件 夹 。 主 题 应 
用 到 控件 时 ，ASPNET 自动 在 URL 开始 处 插入 Themes\ThemeName。 下 列 代码 显示 了 在 
Normal 主题 中 使 用 图 片 的 外 观 文件 的 内 容 。 


<asp:ImageButton runat="server"” Skinld="SearchButton" ImageUrl="Images/search.JPG" /> 


4. 应 用 主题 


要 让 一 个 主题 对 Web 页 面 起 作用 ， 需 要 在 Page 指令 内 把 Theme 特性 指定 为 主题 所 在 
的 文件 夹 名 称 ， 程 序 代码 如 下 : 


<%@ Page Language="C#" AutoEventWireup="true"” CodeFile="Default.aspx.cs” Inherits="_Default" 
Theme="Normal"%> 


把 某 个 主题 应 用 到 页 面 后 ，ASPNET 会 考虑 Web 页 面 上 的 每 个 控件 并 检查 外 观 文件 中 
是 否 为 控件 定义 了 属性 ， 如 果 ASPNET 在 外 观 文 件 中 发 现 了 匹配 的 标签 ， 从 外 观 文件 获得 
的 信息 就 会 覆盖 控件 的 当前 属性 。 

图 6-34 显示 了 一 个 简单 页 面 应 用 Normal 主题 后 的 结果 。 第 一 幅 图 片 显示 Default.aspx 
页 面 的 原始 状态 ， 它 没有 使 用 主题 ， 第 二 幅 图 片 显示 应 用 Normal 后 的 同一 个 页 面 。Normal 
中 的 所 有 设置 被 应 用 到 Default.aspx 控件 中 , 即 它们 会 覆 写 某 些 已 在 页 面 上 显 式 设置 的 值 ( 如 
文本 框 的 背景 色 )。 不 过 ， 原 始 页 面 中 且 和 主题 没有 冲突 的 细节 【如 为 按钮 的 字体 类 型 ) 得 
以 保留 。 


] 四 恨 "© -BaP Sum * 


[OSI 
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图 6-34 ”应 用 主题 


如 果 不 想 对 页 面 上 的 某 个 控件 应 用 主题 ， 则 可 以 将 该 控件 的 EnableTheming 属性 设置 
为 false。 


5. 其 他 
如 果 希 望 把 主题 应 用 到 整个 Web 应 用 程序 ,最 简捷 的 办 法 是 在 web.confg 文 件 的 <pages> 
元 素 中 为 应 用 程序 配置 主题 。 或 者 ， 如 果 希 望 让 用 户 在 程序 运行 阶段 选择 主题 ， 则 需要 以 


编程 方式 动态 设置 Page.Theme 属性 或 Page.StyleSheet 属性 。 
由 于 篇 幅 所 限 ， 此 处 不 再 对 上 述 内 容 展 开 讨 论 ， 感 兴趣 的 读者 可 以 参阅 相关 文献 。 
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6.5.2 用 母 版 页 统一 页 面 布 局 


为 了 给 访问 者 一 致 的 感受 ， 标 准 化 网 站 的 格式 只 是 整个 过 程 的 一 部 分 ， 还 要 保证 有 同 
样 的 元 素 ， 如 网 站 的 标题 、 导 航 控件 等 在 每 个 页 面 中 出 现在 相同 的 位 置 ， 如 图 6-22 所 示 。 
将 这 些 公共 元 素 在 每 个 页 面 中 多 次 复制 不 是 解决 问题 的 理想 方法 ， 同 时 会 带 来 难以 维护 等 
次 端 。 解 决 这 一 问题 的 关键 在 于 创建 一 个 可 以 重复 应 用 到 整个 网 站 的 简单 而 灵活 的 布局 。 

母 版 页 (MasterPage) 是 ASPNET 的 一 个 创新 ， 它 专门 设计 用 于 标准 化 的 Web 页 面 布 
局 ， 它 允许 开发 人 员 创建 可 重用 的 页 面 模板 。 使 用 母 版 页 可 以 为 网 站 的 页 面 定 义 布局 ， 包 
括 所 有 常用 的 细节 ， 如 页 头 、 菜 单 栏 、 广 告 条 。 规 范 化 结构 后 ， 就 可 以 在 整个 网 站 使 用 母 
版 页 ， 从 而 保证 所 有 的 页 面 都 具有 相同 的 设计 。 访 问 者 从 一 个 部 分 跳 转 到 其 他 部 分 时 也 不 
会 感觉 布局 发 生 了 显著 的 变化 ， 从 而 改善 了 用 户 体验 。 

在 实现 网 站 一 致 性 的 过 程 中 ， 必 须 包 含 两 种 文件 : 一 种 是 母 版 页 ， 另 一 种 是 内 容 页 。 
母 版 页 后 级 名 是 .master， 它 封装 页 面 中 的 公共 元 素 ; 内 容 页 实际 是 普通 的 .aspx 文件 ， 它 包 
含 除 母 版 页 之 外 的 其 他 非 公 共 内 容 。 在 运行 过 程 中 ，ASPNET 引擎 将 两 种 页 面 内 容 合并 执 
行 ， 最 后 将 结果 发 给 客户 端 浏览 器 。 

虽然 母 版 页 和 内 容 页 功能 强大 ， 但 是 其 创建 和 应 用 过 程 并 不 复杂 。 下 面 介 绍 在 VWD 
2008 中 母 版 页 的 简单 用 法 。 


1. 创建 母 版 页 


母 版 页 中 包含 的 是 页 面 公共 部 分 ， 即 网 页 模板 ， 因 此 ， 在 创建 示例 之 前 ， 必 须 分 析 页 
面 结构 ， 判 断 哪些 内 容 是 页 面 公共 部 分 。 

创建 母 版 页 的 方法 如 下 : 

在 解决 方案 资源 管理 器 中 右 击 网 站 的 名 称 ， 然 后 在 弹出 的 快捷 菜单 中 选择 “添加 新 项 ” 
命令 ,在 “添加 新 项 ”对 话 框 中 选择 “ 母 版 页 ”选项 , 然后 在 “名 称 ” 文 本 框 中 输入 “MyMaster”， 
在 “语言 ”下 拉 列 表 框 中 选择 想 使 用 的 编程 语言 ， 然 后 单 击 “ 添 加 ”按钮 ， 即 会 在 “ 源 ” 
视图 中 打开 新 的 母 版 页 ， 程 序 如 下 : 


<%@ Master Language="C#" AutoEventWireup="true” CodeFile="MyMasterPage.master.cs" 
Inherits="MyMasterPage" %> 

<!IDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 TransitionaWEN”"http://www.w3.org/ TR/xhtml1/ 
DTD/xhtml1-transitional.dtd"> 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<asp:ContentPlaceHolder id="head" runat="server"> 
</asp:ContentPlaceHolder> 
</head> 
<body> 
<form id="form1" runat="server"> 
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<div> 
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 


</asp:ContentPlaceHolder> 
</div> 
</form> 
</body> 
</html> 


以 上 母 版 页 代码 与 普通 .aspx 文件 代码 存在 一 些 相似 之 处 , 但 更 重要 的 是 存在 3 点 差异 : 
一 是 母 版 页 的 扩展 名 是 .master， 客 户 端 浏览 器 不 能 直接 访问 母 版 页 ， 二 是 普通 .aspx 文件 的 
代码 头 声 明 是 <%@ Page %>， 而 母 版 页 文件 的 代码 头 必须 声明 为 <%@ Master %>; 三 是 母 
版 页 中 可 以 包括 一 个 或 者 多 个 ContentPlaceHolder 控件 ， 而 在 普通 .aspx 文件 中 是 不 包含 该 
控件 的 。ContentPlaceHolder 控件 起 到 一 个 占 位 符 的 作用 , 能 够 在 母 版 页 中 标识 出 某 个 区 域 ， 
该 区 域 将 用 内 容 页 中 的 特定 代码 代替 。 

创建 母 版 页 后 ， 就 需要 在 其 中 添加 代表 网 页 公共 部 分 的 元 素 ， 如 静态 文本 和 控件 的 任 
何 组 合 。 


2. 创建 内 容 页 


内 容 页 主要 包含 页 面 中 的 非 公共 内 容 。 

内 容 页 的 创建 方法 与 添加 普通 Web 页 面 类 似 ， 不 同 的 是 需要 在 “添加 新 项 ”对 话 框 中 
选中 “选择 母 版 页 ” 复 选 框 (如 图 6-35 所 示 )， 然 后 单 击 “ 添 加 ”按钮 ， 打 开 “ 选 择 母 版 页 ” 
对 话 框 ， 如 图 6-36 所 示 ， 选 择 MyMasterPage.master 选项 ， 然 后 单 击 “确定 ”按钮 ， 即 创建 
一 个 新 的 .aspx 文件 。 


添加 新 项 - C:\Documents and Settings\kdninistratorAgr DocunentsWyisaanlSed e000 Tx 


Yisual Studie 已 安装 的 模板 


图 四 图 用 以 于 国 国 
Yeb 窗 体 母 版 页 ”Web 用户 控 。 AD0. 了 ET 和 0. 了 ET 数 AJAX Web 窗 AJAX 客户 端 ATAX 客户 端 
件 Entity 了 据 服 务 体 控件 


国 口 及 卓 目 局 上 趾 四 


AJAX 客户 端 ATMX 母 版 页 。 Dynanic JWL 页 JSeript 文 LINQ to SQL SQL Server WCF 服务 
行为 ENE 主 类 数据 亩 


段 

图 局 民 内 人 限 朋 

Web 服务 Web 配置 文 。 XML 文件 XSLI 文件 类 浏览 器 文件 启用 了 AJAX 全 局 应 用 程 到 
Mes 左 用 程序 的 窗 体 


名 称 QD; Pecontract.aspx | 
语言 四: isual C# 可 独 的 文 


画 


图 6-35 添加 内 容 页 
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项 目 文件 夹 双 ): 文件 夹 内 容 亿 ): 


Cw | 
图 6-36 选择 母 版 页 
虽然 内 容 页 的 扩展 名 是 .aspx， 但 是 ， 其 代码 结构 与 普通 .aspx 文件 有 着 很 大 差异 。 一 般 
内 容 页 的 代码 结构 如 下 : 


<%@ Page Title="" Language="C#" MasterPageFile="~/MyMasterPage.master" AutoEventWireup= 
"true" CodeFile="NewContact.aspx.cs" Inherits="NewContact" %> 


<asp:Content ID="Content1" ContentPlaceHolderlD="head" Runat="Server"> 

</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderlD="ContentPlaceHolder1" Runat="Server"> 
</asp:Content> 


由 以 上 代码 可 知 ， 内 容 页 的 代码 主要 分 为 两 个 部 分 : 代码 头 声明 和 Content 控件 。 内 容 
页 的 代码 头 声明 与 普通 .aspx 文件 很 相似 ， 只 是 增加 了 属性 MasterPageFile 和 Title 设置 。 属 
性 MasterPageFile 用 于 设置 该 内 容 页 所 绑 定 的 母 版 页 的 路 径 ， 属 性 Title 用 于 设置 页 面 title 
属性 值 。 另 外 ， 在 内 容 页 中 ， 还 可 以 包括 一 个 或 者 多 个 Content 控件 。 页 面 中 所 有 非 公共 内 
容 都 必须 包含 在 Content 控件 中 。 每 一 个 Content 控件 通过 属性 ContentPlaceHolderID 与 母 
版 页 中 的 ContentPlaceHolder 控件 相连 接 。 通 过 以 上 设置 ， 就 可 以 实现 母 版 页 与 内 容 页 的 
绑 定 。 

在 图 6-22 中 的 解决 方案 文件 中 添加 母 版 页 MyMaterPage.master， 将 页 面 Contact.aspx 
中 的 外 层 HTML 表 复 制 到 母 版 页 ， 同 时 把 表 的 中 间 右 侧 部 分 替换 为 ContentPlaceHolder 控 
件 ， 如 图 6-37 所 示 。 然 后 添加 使 用 该 母 版 页 的 内 容 页 NewContactaspx， 如 图 6-38 所 示 ， 
母 版 页 元 素 在 内 容 页 上 是 不 可 编辑 的 , 开发 人 员 唯 一 可 以 操作 的 是 ContentPlaceHolder 控件 
所 占 区 域 。 从 工具 箱 拖 搜 一 个 div 标记 到 ContentPlaceHolder 控件 中 ， 并 将 图 6-22 中 
Contact.aspx 页 面 中 间 右 侧 部 分 复制 到 div 标记 内 ， 如 图 6-39 所 示 。 

通过 对 比 图 6-22 和 图 6-39， 能 够 发 现 母 版 页 和 内 容 页 结合 得 多 么 完美 ， 并 且 其 他 页 面 
也 可 以 套用 该 母 版 页 ， 从 而 实现 网 站 布局 的 高 度 一 致 性 。 


3. 其 他 


有 关 母 版 页 的 内 容 还 有 很 多 ， 如 嵌 套 母 版 页 、 动 态 加 载 母 版 页 、 编 程 访问 母 版 页 控件 
等 ， 感 兴趣 的 读者 可 参阅 其 他 相关 资料 。 
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欢迎 来 到 我 的 空间 ! 
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图 6-37 设计 母 版 页 
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图 6-38 ”设计 内 容 页 
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图 6-39 布局 内 容 页 
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6.6 ASP.NET 内 置 对 象 及 应 用 


ASPNET 提供 了 许多 内 置 对 象 ， 前 面 所 使 用 的 Response 对 象 就 是 其 中 一 个 ， 另 外 还 包 
括 page 对 象 、request 对 象 、server 对 象 、application 对 象 、session 对 象 、cookie 对 象 和 cache 
对 象 等 。 这 些 对 象 提供 了 相当 多 的 功能 ， 例 如 ， 可 以 在 两 个 网 页 之 间 传 递 变量 、 输 出 数据 
以 及 记录 变量 值 等 。 因 为 是 内 置 对 象 ， 开 发 人 员 可 以 在 应 用 程序 中 直接 引用 这 些 对 象 来 实 
现 特 定 的 功能 。 本 节 首 先 简要 介绍 常用 内 置 对 象 ， 然 后 综合 介绍 它们 的 应 用 。 


6.6.1 常用 内 置 对 象 简介 


1. response 对 象 


response 对 象 可 以 输出 信息 到 客户 端 , 包括 直接 发 送信 息 给 浏览 器 、 重 定向 浏览 器 到 另 
一 个 URL 或 设置 cookie 的 值 。 它 是 HttpResponse 类 的 一 个 实例 ,该 类 主要 封装 来 自 ASPNET 
操作 的 HTTP 响应 信息 。 表 6-6 和 表 6-7 分 别 列举 了 response 对 象 几 个 常用 的 属性 和 方法 。 


表 6-6 response 对 象 的 属性 
属 性 属 性 什 
获取 或 设置 一 个 值 ， 该 值 指示 是 否 缓冲 输 | 如 果 缓 冲 到 了 客户 端的 输出 ， 则 为 
出 ， 并 在 处 理 完成 整个 页 后 将 其 发 送 true; 否则 为 人 alse。 默 认为 true 
获取 Web 页 的 缓存 策略 (过 期 时 间 、 保 密 性 、| 包含 有 关 当 前 响应 的 缓存 策略 信息 
变化 子 句 ) 的 HttpCachePolicy 对 象 


Charset 获取 或 设置 输出 流 的 HTTP 字符 集 输出 流 的 HTTP 字符 集 
获取 一 个 值 ， 通 过 该 值 指示 客户 端 是 否 仍 连 | 如 果 客 户 端 当前 仍 在 连接 , 则 为 tue; 
接 在 服务 器 上 否则 为 false 


表 6-7 response 对 象 的 方法 


BufferOutput 


Cache 


IsClientConnected 


方 ” 法 说 明 

Write 将 指定 的 字符 串 或 表达 式 的 结果 写 到 当前 的 HTTP 输出 

End 停止 页 面 的 执行 并 得 到 相应 结果 

Cea 用 来 在 不 将 缓存 中 的 内 容 输出 的 前 提 下 ， 清 空当 前 页 的 缓存 ， 仅 当 使 用 了 缓存 输出 时 ， 才 可 
以 利用 Clear 方法 


将 缓存 中 的 内 容 立 即 显示 出 来 .该 方法 有 一 点 和 Clear 方法 一 样 , 它 在 脚本 前 面 没 有 将 Buffer 
属性 设置 为 true 时 会 出 错 。 和 End 方法 不 同 的 是 ， 该 方法 调用 后 ， 该 页 面 可 继续 执行 
Redirect | 使 浏览 器 立即 重 定向 到 程序 指定 的 URL 


Flush 
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2. request 对 象 


request 对 象 能 够 读 取 客 户 端 在 Web 请 求 期 间 发 送 的 HTTP 值 ， 它 是 HttpRequest 类 的 
一 个 实例 。 表 6-8 和 表 6-9 分 别 列举 了 request 对 象 几 个 常用 的 属性 和 方法 。 


表 6-8 ”request 对象 的 属性 


属 性 值 
NameValueCollection 对 象 
当前 请 求 的 虚拟 路 径 
远程 客户 端的 IP 地址 
HttpBrowserCapabilities 对 象 


说 了 明 
获取 HTTP 查询 字符 串 变 量 集合 


表 6-9 request 对 象 的 方法 


说 了 明 
执行 对 当前 输入 流 进行 指定 字 节 数 的 三 进 制 读 取 
为 当前 请 求 将 请 求 的 URL 中 的 虚拟 路 径 映 射 到 服务 器 上 的 物理 路 径 


3. application 对 象 


application 对 象 是 HttpApplicationState 类 的 一 个 实例 。 

HttpApplicationState 类 的 单个 实例 ， 将 在 客户 端 第 一 次 从 某 个 特定 的 ASPNET 应 用 程 
序 虚拟 目录 中 请 求 任何 URL 资源 时 创建 。 对 于 Web 服务 器 上 的 每 个 ASPNET 应 用 程序 ， 
都 要 创建 一 个 单独 的 实例 ， 然 后 通过 内 部 application 对 象 公开 对 每 个 实例 的 引用 。 

application 对 象 使 给 定 应 用 程序 的 所 有 用 户 之 间 共 享 信息 , 并 且 在 服务 器 运行 期 间 持久 
地 保存 数据 。 表 6-10 和 表 6-11 分 别 列举 了 application 对 象 几 个 常用 的 属性 和 方法 。 


表 6-10 application 对 象 的 属性 


说 明 属 性 值 
AllKeys 获 HttpApplicationState 对 象 名 的 字符 串 数组 
集合 中 的 Item 对 象 数 ， 默 认为 0 


表 6-11 application 对 象 的 方法 


方 ” 法 说 了 明 
Add 新 增 一 个 新 的 application 对 象 变量 
Clear 清除 全 部 的 application 对 象 变量 
Get 使 用 索引 关键 字 或 变数 名 称 得 到 变量 值 
GetKey 使 用 索引 关键 字 来 获取 变量 名 称 
Lock 锁定 全 部 的 application 变量 
Remove 使 用 变量 名 称 删除 一 个 application 对 象 
RemoveAll 删除 全 部 的 application 对 象 变量 
Set 使 用 变量 名 更 新 一 个 application 对 象 变量 的 内 容 
UnLock 解除 锁定 的 application 变量 


一 
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4. session 对 象 


session 对 象 是 HttpSessionState 类 的 一 个 实例 ， 该 类 为 当前 用 户 会 话 提 供 信 息 ， 还 提供 
对 可 用 于 存储 信息 的 会 话 范围 的 缓存 的 访问 以 及 控制 如 何 管 理会 话 的 方法 。 

在 应 用 程序 中 ， 可 以 使 用 session 对 象 存 储 特定 用 户 会 话 所 需 的 信息 。 这 样 ， 当 用 户 在 
应 用 程序 的 不 同 Web 页 之 间 跳 转 时 ， 存 储 在 session 对 象 中 的 变量 值 将 不 会 丢失 ， 而 是 在 整 
个 用 户 会 话 中 一 直 存 在 下 去 ， 直 到 超出 其 生存 有 效 期 。 

需要 强调 的 是 ，session 对 象 是 与 特定 用 户 相 联系 的 ， 针 对 某 一 个 用 户 赋值 的 session 对 
象 是 和 其 他 用 户 的 session 对 象 完全 独立 的 ， 不 会 相互 影响 。 表 6-12 和 表 6-13 分 别 列举 了 
session 对 象 几 个 常用 的 属性 和 方法 。 


表 6-12 session 对 象 的 属性 


属 性 说 了 明 属 性 值 
Count 获取 会 话 状态 集合 中 session 对 象 的 个 数 session 对 象 的 个 数 
获取 并 设置 在 会 话 状态 提供 程序 终止 会 话 之 前 各 请 求 之 间 所 
b [ 
TimeOnut 允许 的 超时 期 限 超时 期 限 ( 以 分 钟 为 单位 》 
SessionID | 获取 用 于 标识 会 话 的 唯一 会 话 ID 会 话 ID 
表 6-13 session 对 象 的 方法 

方法 说 了 明 

Add 新 增 一 个 session 对 象 

Clear 清除 会 话 状态 中 的 所 有 值 

Remove 删除 会 话 状态 集合 中 的 项 

RemoveAll 清除 所 有 会 话 状态 值 

5. server 对 象 


server 对 象 提 供 对 服务 器 上 的 方法 和 属性 的 访问 ， 它 是 HttpServerUtility 的 一 个 实例 。 
表 6-14 和 表 6-15 分 别 列举 了 server 对 象 几 个 常用 的 属性 和 方法 。 


表 6-14 server 对 象 的 属性 


属 性 值 
本 地 计算 机 的 名 称 
请 求 的 超时 设置 〈 以 秒 计 ) 


属 性 说 明 
MachineNime :| 获取 服务 器 的 计算 机 名 称 
获取 和 设置 请 求 超时 


ScriptTimeonut 


表 6-15 server 对 象 的 方法 
方 ” 法 说 明 


CreateObject 创建 COM 对 象 的 一 个 服务 器 实例 


CreateObjectFromClsid 创建 COM 对 象 的 服务 器 实例 ， 该 对 象 由 对 象 的 类 标识 符 〈CLSID) 标识 
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续 表 
方 ” 法 说 明 
Execute 使 用 另 一 页 执行 当前 请 求 
Transfer 终止 当前 页 的 执行 ， 并 为 当前 请 求 开始 执行 新 页 
HtmlDecode 对 已 被 编码 以 消除 无 效 HTML 字符 的 字符 串 进行 解码 
HtmlEncode 对 要 在 浏览 器 中 显示 的 字符 串 进行 编码 
MapPath 返回 与 Web 服务 器 上 的 指定 虚拟 路 径 相 对 应 的 物理 文件 路 径 
Oe 对 字符 串 进行 解码 , 该 字符 串 为 了 进行 HTTP 传输 而 进行 编码 并 在 URL 中 发 
送 到 服务 器 
UrlEncode 编码 字符 串 ， 以 便 通 过 URL 从 Web 服务 器 到 客户 端 进行 可 靠 的 HTTP 传输 
6. cookie 对 象 


cookie 与 session、application 类 似 , 也 是 用 来 保存 相关 信息 的 , 但 cookie 和 其 他 对 象 的 
最 大 不 同 是 ，cookie 将 信息 保存 在 客户 端 ， 而 session 和 application 将 信息 保存 在 服务 器 端 。 
表 6-16 和 表 6-17 分 别 列举 了 cookie 对 象 几 个 常用 的 属性 和 方法 。 


表 6-16 cookie 对 象 的 属性 


获取 或 设置 cookie 的 名 称 cookie 的 名 称 
获取 或 设置 cookie 的 Value cookie 的 Value 


获取 或 设置 cookie 的 过 期 日 期 和 时 间 0 DateTime 实 例 的 cookie 过 期 日 期 和 


获取 或 设置 此 cookie 符合 的 HTTP 状态 维护 版 本 | 此 cookie 符合 的 HTTP 状态 维护 版 本 


表 6-17 cookie 对 象 的 方法 


方 法 说 明 
Add 新 增 一 个 cookie 变量 

Clear 清除 cookie 集合 内 的 变量 

Get | 通过 变量 名 或 索引 得 到 cookie 的 变量 什 
GetKey | 以 索引 值 来 获取 cookie 的 变量 名 称 


Remove 通过 cookie 变量 名 来 删除 cookie 变量 


ASPNET 包含 两 个 内 部 cookie 集合 : 一 是 通过 HttpRequest 的 cookies 集合 访问 的 集合 
包含 通过 cookie 标 头 从 客户 端 传送 到 服务 器 的 Cookie; 二 是 通过 HttpResponse 的 cookies 
合 访问 的 集合 包含 一 些 新 cookie， 这 些 cookie 在 服务 器 上 创建 并 以 Set-Cookie 标 头 的 形 
式 传输 到 客户 端 。 
使 用 cookie 对 象 具 有 的 优点 是 可 配置 到 期 规则 、 不 需要 任何 服务 器 资源 、 简 单 性 和 数 
据 持久 性 。 但 是 ， 使 用 cookie 对 象 带 来 的 缺点 也 不 容 忽视 ， 如 空间 大 小 受到 限制 、 容 易 被 
用 户 禁用 和 潜在 的 被 算 改 的 风险 等 。 
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7. cache 对 象 


对 于 每 个 应 用 程序 域 均 创建 该 类 的 一 个 实例 ， 并 且 只 要 对 应 的 应 用 程序 域 保 持 活 动 ， 
该 实例 便 保 持 有 效 。 有 关 此 类 实例 的 信息 通过 HttpContext 对 象 的 cache 属性 或 page 对 象 的 
cache 属性 来 提供 。 表 6-18 和 表 6-19 分 别 列举 了 cache 对 象 几 个 常用 的 属性 和 方法 。 


表 6-18 cache 对 象 的 属性 


属 性 说 明 
获取 存储 在 缓存 中 的 项 数 。 当 监视 应 用 程序 性 能 或 使 用 
ASP.NET 跟踪 功能 时 ， 此 属性 可 能 非常 有 用 


获取 或 设置 指定 键 的 缓存 项 


属 性 值 
存储 在 缓存 中 的 项 数 
表示 缓存 项 的 键 的 string 对 象 


Count 


Item 


表 6-19 cache 对 象 的 方法 
说 了 明 
将 指定 项 添加 到 cache 对 象 ， 该 对 象 具 有 依赖 项 、 过 期 和 优先 级 策略 以 及 一 个 委托 〈 可 用 
于 在 从 cache 移 除 插入 项 时 通知 应 用 程序 
从 cache 对 象 检 索 指定 项 
从 应 用 程序 的 cache 对 象 移 除 指定 项 
向 cache 对 象 插 入 项 。 使 用 此 方法 的 某 一 版 本 改写 具有 相同 key 参数 的 现 有 Cache 项 


方 ” 法 
Add 


Get 
Remove 


Insert 


8. viewState 对 象 


Web 窗 体 是 无 状态 的 ,viewState 是 .NET 中 提出 的 状态 保存 的 一 种 新 途径 , 引入 viewState 
的 一 个 主要 原因 是 ，session 值 是 保存 在 服务 器 内 存 上 ， 大 量 地 使 用 session 将 导致 服务 器 负 
担 加 重 。 而 viewState 由 于 只 是 将 数据 存 入 到 页 面 隐 藏 控件 中 , 不 再 占用 服务 器 资源 ， 因 此 ， 
可 以 将 一 些 需要 服务 器 “ 记 住 ”的 变量 和 对 象 保 存 到 viewState 中 。 而 session 则 只 应 该 应 用 
在 需要 跨 页 面 且 与 每 个 访问 用 户 相关 的 变量 和 对 象 存 储 上 。 但 viewState 并 不 是 能 存储 所 有 
的 .NET 类 型 数据 ， 它 仅 支 持 String、Integer、Boolean、Array、ArrayList、Hashtable 以 及 自 
定义 的 一 些 类 型 。 它 系统 地 实现 了 保存 控件 状态 的 功能 ， 服 务 器 端 控件 能 够 在 多 次 请 求 之 
间 保 存 状 态 也 全 靠 它 。 


6.6.2 ”内 置 对 象 的 综合 应 用 举例 


前 面 内 容 将 通讯 录 的 添加 和 显示 集中 在 一 个 页 面 上 ， 和 貌似 效果 还 不 错 ， 但 是 ， 在 数据 
项 比较 多 的 情况 下 ， 这 样 的 布局 会 使 界面 及 代码 过 于 繁琐， 且 不 易 维 护 。 本 节 将 对 其 从 以 
下 几 个 方面 加 以 改进 。 

(1) 把 添加 和 显示 功能 分 开 在 两 个 页 面 实现 ， 当 单 击 某 一 行 记录 时 ， 网 站 导航 到 详细 
内 容 页 面 上 ， 并 显示 被 单 击 的 记录 。 主 要 步骤 如 下 : 
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Q@ 在 维护 页 面 中 给 GridView1 控件 添加 一 个 ButtonField 列 , 其 Text 属性 值 设 置 为 “ 详 
细 ”，CommandName 属性 值 设置 为 Details， 其 他 属性 按 默 认 值 处 理 ， 如 图 6-40 所 示 。 


了 xz 
BottonField 展 性 @) 
nent 国生 
入 NerLinkgiela 日 外 观 司 
加 Iaagepield ButtonType Link 
ottonFiald FooterText 
四 二 ConmandField HeaderInagellrl 
Tenplateridd HeaderText 
Inseelrl 
Text 详细 
a ee Validst pa: 
a Connandline Details 
Insertyisible Tree 
NeaderText 
此 字段 的 标 头 内 的 文本 。 
厅 自动 生成 字段 @) 技 此 主 甩 于 执 为 Tanlstsapisld 
— ww | 
4 


图 6-40 添加 ButtonField 字段 


@ 为 GridView1 控件 的 RowCommand 事件 添加 处 理 代码 ， 当 单 击 “ 详 细 ” 按 钮 时 ， 
首先 获取 被 点 记录 所 在 行 序号 ， 然 后 提取 对 应 的 主键 字段 值 ， 并 存储 在 session 对 象 中 ， 最 
后 跳 到 Contract.aspx 页 面 。 


protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e) 


{ 
int index = Convert.Tolnt32(e.CommandArgument); 


int SN = 0; 
try 
{ 
switch (e.CommandName.Trim()) 
{ 
case "Details": 
SN = (int)(GridView1.DataKeys[index].Value); 
Session["ContactSN"] = SN; 
Response.Redirect("~/Contract.aspx"); 
break:; 
default: 
break:; 
， 
catch (Exception Ex) 
{ 
Response.Write("<script>alert( 系统 出 现 错误 , 请 稍 后 重 试 。 " + Ex.Message + ")</script>"); 
} 
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图 在 Contacts.aspx 页 面 代码 中 为 Page Load 事件 处 理 方法 添加 如 下 代码 ， 通 过 判断 
Session["ContactSN"] 是 否 为 空 来 决定 是 否 有 对 象 数据 需 要 在 页 面 上 显示 。 


protected void Page_Load(object sender EventArgs e) 
{ 
if (Session["ContactSN"] != null) 
int SN = (int)Session["ContactSN"]; 
Session["ContactSN"] = null;// 清 空 Session 
ViewState["ContactSN"] = SN;// 使 用 ViewState 保存 记录 号 


#region 绑 定数 据 到 界面 

tbxName. Text = conMod.Name; 
tbxTel.Text = conMod.Phone; 
tbxEmail.Text = conMod.Email; 
dplGroup. Text = conMod.GroupName; 
#endregion 


} 


@ 为 了 能 够 在 添加 操作 和 维护 操作 两 个 模块 之 间 轻 松 切 换 ， 还 需 修 改 站 点 地 图 文件 ， 
代码 如 下 : 


<?xml version="1.0" encoding="utf-8" ?> 
<siteMap xmIns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" > 
<siteMapNode url="" title=" 首 页 ” description="> 
<siteMapNode url="" title=" 通 讯 录 "” description="" > 
<siteMapNode url="~/Contract.aspx" title=" 通 讯 录 添加 ” description="" /> 
<siteMapNode url="~/ContactsMaintain.aspx" title=" 通 讯 录 维护 ” description="" /> 
</siteMapNode> 
</siteMapNode> 
</siteMap> 


(2) 当 数 据 项 很 多 时 ， 直 接 在 GridView 控件 中 编辑 数据 不 够 方便 ， 所 以 ， 还 需要 一 个 
页 面 既 能 显示 数据 又 能 保存 编辑 后 的 结果 。 虽 然 仿照 添加 模块 再 做 一 个 修改 模块 也 不 是 难 
事 ， 但 是 考虑 到 代码 的 复 用 ， 将 修改 操作 和 添加 操作 放 在 一 个 页 面 上 是 一 个 不 错 的 方案 。 
主要 步骤 如 下 : 

将 “添加 ”按钮 名 称 改 为 “保存 ”， 同 时 ， 将 按钮 的 Click 事件 处 理 方法 代码 修改 如 下 : 


protected void btnAdd_Click(object sender EventArgs e) 
#region 构造 通讯 录 对 象 
conMod.Name = tbxName.Text.Trim(); 
conMod.Phone = tbxTel. Text. Trim(); 
conMod.Email = tbxEmail. Text. Trim(); 
conMod.GroupName = dplGroup.Selectedltem. Text; 
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#endregion 


/执行 数据 添加 操作 
try 
| 
if (ViewState["ContactSN"] == null) 
{ 
conDA.ContactsInsertOne(conMod); 
Response.Write("<script>alert(' 通 讯 录 数据 添加 成 功 !")</script>"); 


} 
else 
人 
conMod.SN = (int)ViewState["ContactSN ]; 
conDA.ContactsUpdateOne(conMod); 
Response.Write("<script>alert(' 通 讯 录 数据 修改 成 功 !)</script>"); 
ViewState["ContactSN"] = null;// 清 空 
} 
} 
catch (Exception ex) 
{ 
Response.Write("<script>alert(' 通 讯 录 数 据 添加 失败 。')</script>"); 
} 


(3) 前 面 代码 中 的 页 面 跳 转 语句 也 可 以 使 用 如 下 代码 代替 。 请 读者 仔细 观察 两 者 的 不 
同 ， 并 分 析 原因 。 


Server. Transfer("~/Contract.aspx"); 


(4) 传递 简单 数值 时 也 可 以 使 用 地 址 参数 来 实现 , 需要 在 上 述 代 码 基 础 上 做 如 下 工作 。 
@ 在 页 面 跳 转 时 ， 采 用 如 下 代码 取代 Session 对 象 ; 


Response.Redirect("~/Contract.aspx?sn="+SN.ToString()); 


@ 在 目标 页 面 中 ， 使 用 Request 对 象 提取 参数 值 ， 代 码 如 下 : 


int SN = Int32.Parse(Request.QueryString["sn"]); 


由 于 篇 幅 所 限 ， 有 关 cookie 对 象 、application 对 象 和 cache 对 象 的 使 用 方法 在 此 处 就 不 
再 介绍 了 ， 感 兴趣 的 读者 可 以 参阅 相关 资料 做 进一步 学 习 。 


67 小” - 毕 


本 章 介绍 了 开发 Web 应 用 程序 的 一 种 技术 ， 即 ASPNET， 并 针对 ASPNET 3.5 讨论 了 
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如 何在 Web 页 面 中 使 用 CSS、 如 何 使 用 服务 器 控件 、 如 何 创建 外 观 一 致 的 Web 页 面 、 如 何 
处 理 数 据 库 中 的 数据 、 如 何 使 用 常用 内 置 对 象 等 几 个 方面 的 内 容 ， 一 定 程度 上 体现 了 
ASPNET 在 Web 应 用 开发 的 特点 。 但 是 ， 必 须要 强调 的 一 点 是 ，ASPNET 的 特性 并 不 止 这 
几 个 方面 ， 本 章 介绍 的 内 容 相对 于 整个 ASPNET 技术 只 是 其 中 的 一 部 分 (由 于 篇 幅 有 限 )。 
读者 要 想 进 一 步 提高 ， 使 用 ASPNET 技术 开发 健壮 、 安 全 、 用 户 体验 良好 、 数 据 库 驱 动 的 
Web 应 用 程序 的 能 力 ， 请 进一步 阅读 其 他 相关 书籍 和 资料 。 


6.8 思 考 题 


1. 按 定义 位 置 ，CSS 样式 可 以 分 为 哪些 类 型 ? 

2. 利用 VWD 2008 提供 的 CSS 相关 工具 生成 如 下 样式 ， 并 存放 在 外 部 样式 表 中 , 最 后 
将 该 样式 应 用 到 Web 页 面 中 。 

{ 

font-family: Arial; 


h1 
{ 
font-size: 20px; 


} 


#MainContent 
{ 

width: 644px; 
float: left; 

} 


#Sidebar 

{ 

background-color Gray; 
width: 200px; 

float: left; 

; 


#Footer 


{ 

background-color: #COCOCO; 
width: 844px; 

Clear: both; 


} 
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3. ASPNET 服务 器 控件 的 Runat="Server" 应 该 怎么 理解 ? 

4. 试 简要 说 明 服 务 器 控件 在 ASPNET 应 用 程序 页 面 中 的 重要 作用 。 

5. 试 改造 通讯 录 添 加 的 事件 处 理 代 码 ， 以 调用 接收 实体 对 象 参数 的 ContactsInsertOne 
方法 版 本 。 

6. 自己 设计 一 个 母 版 页 ， 并 创建 若干 内 容 页 与 之 关联 ， 形 成 布局 风格 一 致 的 个 人 信息 
管理 系统 。 

7. 试 说 明 母 版 页 、 内 容 页 、 普 通 Web 页 面 之 间 的 相同 点 和 不 同 点 。 
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JSP (Java Server Pages) 是 由 Sun 公司 开发 的 一 种 服务 器 端 脚本 语言 ， 自 1999 年 推出 
以 来 ， 其 逐步 发 展 成 为 开发 Web 应 用 系统 的 一 项 重要 技术 。JSP 可 以 舱 套 在 HTML 中 ， 而 
且 支 持 多 个 操作 系统 平台 ， 使 用 JSP 开发 的 Web 应 用 系统 无 须 进行 较 大 改动 就 可 以 在 不 同 
的 操作 系统 中 运行 。 

本 章 首先 介绍 JSP 的 工作 原理 、 运 行 环境 ， 然 后 介绍 JSP 语法 知识 、 常 用 内 置 对 象 ， 
最 后 介绍 在 数据 库 实 际 开发 中 的 JDBC 技术 及 其 方法 。 


7.1 JSP 简介 


随 着 Internet 的 不 断 发 展 , 动态 网 页 技术 日 益 流行 ,JSP 作为 主流 的 动态 网 页 技术 之 一 ， 
其 优势 日 益 显著 。JSP 是 由 Sun Microsystems 公司 倡导 、 许 多 公司 参与 一 起 建立 的 一 种 动态 
网 页 技术 标准 ， 是 基于 Java Servlet 以 及 整个 Java 体系 的 Web 开发 技术 ， 具 有 动态 页 面 与 
静态 页 面 分 离 、 能 够 脱离 硬件 平台 束缚 、 一 次 编写 ， 跨 平台 运行 等 优点 。 利 用 这 一 技术 可 
以 建立 安全 、 跨 平台 的 先进 动态 网 站 。 


7.1.1 JSP 的 特点 


1. 将 内 容 的 生成 和 显示 进行 分 离 


使 用 JSP 技术 ，Web 页 面 开 发 人 员 可 以 使 用 HTML 或 XML 标识 来 设计 和 格式 化 最 
终 页 面 。 使 用 JSP 标识 或 脚本 来 生成 页 面 上 的 动态 内 容 (内容 是 根据 请 求 变化 的 ， 如 请 求 
账户 信息 或 特定 的 一 件 商 品 的 价格 )。 生 成 内 容 的 逻辑 被 封装 在 标识 和 JavaBeans 组 件 中 ， 
并 且 捆 绑 在 脚本 中 ， 所 有 的 脚本 在 服务 器 端 运行 。 如 果 核 心 巡 辑 被 封装 在 标识 和 Beans 中 ， 
那么 其 他 人 ， 如 Web 管理 人 员 和 页 面 设计 者 ， 就 能 够 编辑 和 使 用 JSP 页 面 ， 而 不 影响 内 容 的 
生成 。 

在 服务 器 端 ,JSP 引擎 解释 JSP 标识 和 脚本 , 生成 所 请 求 的 内 容 ( 例 如 ,通过 访问 JavaBeans 
组 件 ， 使 用 JDBCTM 技术 访问 数据 库 ， 或 者 包含 文件 )， 并 且 将 结果 以 HTML (或 XML) 
页 面 的 形式 发 送 回 浏览 器 。 这 有 助 于 用 户 保护 自己 的 代码 ， 同 时 又 保证 了 任何 基于 HTML 
的 Web 浏览 器 的 完全 可 用 性 。 
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2. 生成 可 重用 的 组 件 


绝 大 多 数 JSP 页 面 依赖 于 可 重用 的 、 跨 平台 的 组 件 (JavaBeans 或 Enterprise JavaBeansTM) 
来 执行 应 用 程序 所 要 求 的 更 为 复杂 的 处 理 。 开 发 人 员 能 够 共享 和 交换 执行 普通 操作 的 组 件 ， 
或 者 使 这 些 组 件 为 更 多 的 使 用 者 或 客户 团体 所 使 用 。 基 于 组 件 的 方法 加 速 了 总 体 开 发 过 程 ， 
并 且 使 各 种 组 织 在 它们 现 有 的 技能 和 优化 结果 的 开发 努力 中 得 到 平衡 。 


3. 采用 标识 简化 页 面 开发 


并 不 是 所 有 的 Web 页 面 开发 人 员 都 是 熟悉 脚本 语言 的 编程 人 员 。Java Server Pages 技术 
封装 了 许多 功能 ， 这 些 功能 是 在 易 用 的 、 与 JSP 相关 的 XML 标识 中 进行 动态 内 容 生 成 所 需 
要 的 。 标 准 的 JSP 标识 能 够 访问 和 实例 化 JavaBeans 组 件 、 设 置 或 者 检索 组 件 属性 、 下 载 
Applet 以 及 执行 用 其 他 方法 更 难于 编码 和 耗 时 的 功能 。 

通过 开发 定制 化 标识 库 ，JSP 技术 是 可 以 扩展 的 。 今 后 ,第 三 方 开发 人 员 和 其 他 人 员 可 
以 为 常用 功能 创建 自己 的 标识 库 ， 这 使 得 Web 页 面 开 发 人 员 能 够 使 用 熟悉 的 工具 和 如 同 标 
识 一 样 的 执行 特定 功能 的 构件 来 工作 。 


4. 将 内 容 的 生成 和 显示 进行 分 离 


JSP 能 提供 所 有 Servlets 功能 ， 而 且 比 用 printin 书写 和 修改 HTML 更 方便 。 此 外 ， 还 
可 以 更 明确 地 进行 分 工 , Web 页 面 设计 人 员 编 写 HTML, 只 需要 留 出 地 方 让 Servlets 程序 员 
插入 动态 部 分 即 可 。 


5. 具有 Java 技术 的 所 有 优点 


由 于 JSP 页 面 的 内 置 脚本 语言 是 基于 Java 编程 语言 的 ， 而 且 所 有 的 JSP 页 面 都 被 编译 
成 为 Java Servlet，JSP 页 面 就 具有 Java 技术 的 所 有 优点 ， 包 括 健壮 的 存储 管理 和 安全 性 。 

6. 作为 Java 平台 的 一 部 分 ，JSP 拥有 Java 编程 语言 “一 次 编写 ， 跨 平台 运行 ”的 
特点 

随 着 越 来 越 多 的 供应 商 将 JSP 支持 添加 到 它们 的 产品 中 ， 用 户 可 以 使 用 自己 所 选择 的 
服务 器 和 工具 ， 更 改 工 具 或 服务 器 并 不 影响 当前 的 应 用 。 


7.1.2 ”JSP 工作 原理 


JSP 文件 的 运行 是 “编译 式 ” 而 不 是 “解释 式 ” 即 在 JSP 页 面 执行 时 ， 服 务 器 把 JSP 
文件 先 翻译 成 Servlet 形式 的 Java 类 型 的 字 节 码 文件 ,然后 通过 Java 虚拟 机 来 运行 。 所 以 从 
本 质 上 来 讲 ， 运 行 JSP 文件 最 终 还 是 要 通过 Java 虚拟 机 ， 但 根据 JSP 技术 的 相关 规范 ，JSP 
语言 必须 在 某 个 构建 于 Java 虚拟 机 之 上 的 特殊 环境 中 运行 ， 这 个 特殊 环境 就 是 Servlet 
Container (Servlet 容器 )， 而 且 每 个 JSP 页 面 在 被 系统 调用 之 前 ， 必 须 先 被 Servlet 容器 解析 
成 一 个 Servlet 文件 。 整 个 JSP 的 运行 流程 如 图 7-1 所 示 。 
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和 
生成 响应 


发 送 响应 


生成 JSP Servlet 源 
编译 JSP Servlet 


图 7-1 整个 JSP 的 运行 流程 


从 JSP 的 工作 原理 来 看 , JSP 程序 既 能 以 Java 语言 的 方式 处 理 Web 程序 中 的 业务 轴 辑 ， 
也 可 以 处 理 基于 HTML 协议 的 请 求 ， 它 是 集 众 多 功能 于 一 身 的 。 

不 过 ， 在 编写 程序 的 过 程 中 ， 不 能 过 多 地 在 JSP 代码 中 混杂 提供 显示 功能 和 提供 业务 
逻辑 的 代码 ， 而 是 要 把 JSP 程序 定位 到 “管理 显示 逻辑 ”的 角色 上 。 


7.1.3 JSP 的 基本 语法 


JSP 的 语法 不 是 特别 复杂 ， 一 般 来 讲 ， 在 JSP 类 型 的 程序 中 ， 主 要 包括 声明 语句 、 表 达 
式 和 脚本 代码 3 个 要 素 。 


1. 声明 语句 
JSP 的 声明 语句 语法 格式 是 <%ldeclaration:%>， 例 如 : 


<%l! int i=1; %> 
<%l int a,b,c; %> 
<%! String str="hello"; %> 


2. 表达 式 
表达 式 的 语法 格式 为 <%=expression%>， 例 如 : 


<%=new Date().toString() %> 
<%=1+2+3 %> 
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3. 脚本 代码 


JSP 脚本 代码 即 JSP 文件 中 的 Java 代码 部 分 ， 在 其 中 可 以 使 用 任何 Java 语法 。JSP 脚 
本 代码 的 语法 格式 为 <%scripty>， 例 如 : 


<% 
System.out.println("Hello, World!"); 
%> 


脚本 代码 可 以 看 作 是 JSP 的 实现 业务 逻辑 部 分 ， 正 因为 有 了 这 些 代码 ，JSP 才 可 以 是 
HTML 元 素 加 Java 语言 的 混合 体 。 


7.1.4 JSP 和 Java Servlet 技术 


早期 的 动态 Web 技术 是 基于 CGI (Common Gateway Interface， 通 用 网 关 接口 ) 的 ， 这 
种 技术 使 用 一 些 脚 本 类 语言 ， 如 Perl 来 获取 Web 请 求 ， 完 成 后 台 动 作 ， 然 后 将 结果 返回 给 
用 户 。 但 是 这 种 脚本 语言 被 请 求 都 会 产生 一 个 后 台 进 程 ， 会 严重 消耗 服务 器 极 大 的 资源 。 
Servlet 技术 是 Java 动态 Web 技术 的 基础 ， 它 是 用 Java 书写 的 一 种 规范 ， 是 与 平台 无 
关 的 服务 器 构件 ， 可 以 在 支持 Servlet 的 Web 服务 器 或 应 用 服务 器 上 运行 。Servlet 技术 将 动 
态 程序 编译 成 字 节 码 ， 然 后 在 Web 容器 中 运行 。 
Servlet 为 客户 端 和 服务 器 端的 信息 处 理 提供 了 一 种 “请 求 /回答 ”机 制 。Java 的 Servlet 
API 为 处 理 客户 端 和 服务 器 的 请 求 和 回答 信息 定义 了 标准 接口 。 其 过 程 如 下 : 
(1) 客户 端 向 服务 器 发 送 请 求 。 
(2) 服务 器 将 请 求 发 送 至 Servlet。 
(3) 根据 客户 端的 请 求 ，Servlet 动态 构造 应 答 信息 并 返回 给 服务 器 ， 此 时 ， 也 可 能 会 
利用 外 部 资源 。 
(4) 最 后 ， 服 务 器 端 将 应 答 返回 到 客户 端 。 
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7.2 JDK 的 获取 与 安装 


JSP 的 运行 环境 包括 JDK 和 Web 服务 器 。 下面 首 先 从 Sun 公司 官网 获取 JDK 的 下 载 地 
址 并 下 载 到 本 地 。 


7.2.1 JDK 的 下 载 


下 载 IDK 之前， 要 清楚 Java SE、Java EE、Java ME 的 概念 。 
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1. Java SE/EE/ME 的 概念 


Java SE (Java Platform，Standard Edition ) 称 为 J]2SE， 它 允许 开发 和 部 署 在 桌面 、 服 务 
器 、 髓 入 式 环境 和 实时 环境 中 使 用 的 Java 应 用 程序 。Java SE 包含 了 支持 Java Web 服务 开 
发 的 类 ， 并 为 Java Platform，Enterprise Edition (Java EE)〉 提 供 基 础 。 

Java EE (Java Platform，Enterprise Edition) 称 为 PEE， 是 企业 版 本 ， 可 以 帮助 开发 和 
部 署 可 移植 、 健 壮 、 可 伸缩 且 安 全 的 服务 器 端 Java 应 用 程序 。Java EE 是 在 Java SE 的 基础 
上 构建 的 ， 它 提供 Web 服务 、 组 件 模型 、 管 理 和 通信 API， 可 以 用 来 实现 企业 级 的 面向 服 
务 体系 的 结构 (Service-Oriented Architecture，SOA) 和 Web 2.0 应 用 程序 。 

Java ME (Java Platform，Micro Edition) 称 为 2ME, 它 为 在 移动 设备 和 藤 入 式 设备 (如 
手机 、PDA、 电视 机 顶 盒 和 打印 机 ) 上 运行 的 应 用 程序 提供 一 个 健壮 且 灵活 的 环境 。 Java ME 
包括 灵活 的 用 户 界面 、 健 壮 的 安全 模型 、 许 多 内 置 的 网 络 协 议 以 及 对 可 以 动态 下 载 的 联网 
和 离线 应 用 程序 的 丰富 支持 。 基 于 Java ME 规范 的 应 用 程序 只 需 编写 一 次 ， 就 可 以 用 于 许 
多 设备 ， 而 且 可 以 利用 每 个 设备 的 本 机 功能 。 


2. JDK 和 JRE 概念 


JDK 是 Java Develop Kit (JavaAPI 包 ) 的 缩写 ，SDK 是 Software Develop Kit 的 缩写 ， 
以 前 JDK 称 为 Java Software Develop Kit， 后 来 出 了 1.2 版 本 后 , 就 改名 叫 JDK。 JRE 是 Java 
Runtime Environment 的 缩写 ，Java 程序 必须 在 JRE 环境 中 运行 。 如 果 只 需要 运行 Java 程序 
而 不 是 进行 开发 ， 那 么 安装 JRE 即 可 。 但 是 如 果 要 进行 Java 相关 的 开发 ， 那 么 则 必须 安装 
JDK，JDK 不 仅 包含 JRE (也 就 是 说 JRE 是 JDK 的 子 集 )， 还 包含 与 Java 开发 相关 的 各 种 
文件 和 JDK 的 Java 源码 。 

3. 选择 合适 的 文件 进行 下 载 

学 习 JSP 应 该 学 习 属 于 企业 级 应 用 的 Java EE, 但 是 Java SE 也 提供 基础 ， 究 竟 学 哪个 ， 
许多 人 都 搞 不 清楚 , 其 实 一 般 用 户 选择 Java SE Development Kit 就 可 以 了 。Java EE 是 在 Java 
SE 基础 上 构建 的 ， 一 般 称 作 Java EE SDK (Software Development Kit)， 它 要 比 Java SE 多 
一 些 内 容 ， 在 http://java.sun.com/javaee/downloads/index.jsp 网 站 上 可 以 看 到 Java EE 包括 了 
GlassFish v3、GlassFish v3 Web Profile、 GlassFish v2.1.1、 Java EE 6 Samples、 Java EE 5 Samples、 
API Documentation 和 Tutorial 中 的 若干 个 , 而 GlassFish 是 可 以 替代 Tomcat 的 适用 于 Java EE 的 
免费 和 开源 的 应 用 服务 器 。 

一 般 来 讲 ， 说 JDK 时 就 是 在 说 Java SE 的 JDK， 所 以 只 需要 下 载 Java SE SDK 即 可 ， 
Java EE 是 企业 级 应 用 的 《Java ME 应 用 于 嵌入 式 设 备 ， 如 手机 Java 程序 开发 )。 

在 下 地 址 栏 中 输入 “http://Java.sun.com/” 在 打开 网 页 的 导航 栏 中 将 鼠标 指向 Downloads 
标签 ， 在 出 现 的 下 拉 列 表 框 中 选择 Java SE 选项 ， 或 者 直接 在 地 址 栏 中 输入 “http://java. 
sun.comyjavase/downloads/index.jsp”， 在 打开 的 网 页 中 显示 了 几 个 选项 ， 包 括 Java Platform、 
Standard Edition、Java SE Development Kit (JDK) Bundles、Additional Resources， 单 击 
Download JDK 按钮 ， 如 图 7-2 所 示 。 
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打开 如 图 7-3 所 示 的 页 面 ， 在 其 中 可 以 选择 Platform 〈 平 台 ) 为 Linux、Solaris 或 其 他 


64 位 操作 系统 平台 ， 默 认为 Windows， 保 持 默 认 ， 单 击 Download 按钮 开始 下 载 。 当 然 也 
可 以 选择 使 用 Sun Download Manager， 然 后 开始 慢 慢 等 待 下 载 完 成 。 
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7-2 下 载 JDK 图 7-3 下 载 页 面 
下 载 完 成 后 ， 可 以 发 现 jdk-6u20-windows-i586.exe 的 大 小 为 76.6MB， 如 图 7-4 所 示 。 


乱 F:\ 下 载 \JSP 

文件 中 篇 辑 了 E) 查看 外 收 节 他 ) 工具 上 帮助 0 

@ 二 -四 .六 Pi 局 zpx X% 用 六 XX 
地 址 思 | 已 F:\ 下 载 \JsP a Ee) 


x*nx#xf 口中 国 


其 它 位 置 > 


详细 信息 六 


0 


属性 : 
和 
大 小 : 76.5 加 


| 季 陵 日 期: 2010-4-21 下 午 13:04 大 小 T6.6 176.6 加 ”时 科 的 电脑 


图 7-4 jdk-6u20-windows-i586.exe 文件 
7.2.2 ”JDK 的 安装 


JDK 的 安装 过 程 比较 简单 , 双击 已 经 下 载 的 jdk-6u20-windows-i586.exe, 打开 许可 协议 ， 
单 击 “ 接 受 ” 按 钮 ， 如 图 7-5 所 示 。 

接 下 来 进入 自 定义 安装 , 把 它 安装 到 C:\Javaijdk1.6.0_20 文件 夹 下 (默认 是 安装 在 C:\Program 
Files\Java\jdk1.6.0_20\)， 如 图 7-6 所 示 。 
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则 Java(I1) SE Developaent Kit 6 Update 20 - 许可 证 凤 


全 Java(TD) SE Developaent Kit 6 Update 20 - 自 定义 安装 区 ] 


使 Sun 


请 从 下 面 的 列表 中 迄 择 要 安装 的 可 韦 功 能 。 安 装 完成 后 ,您 可 以 使 用 "控制 面板 "中 的 ' 志 加 / 
则 除 程 序 实用 程序 来 更 改 悠 选择 的 功能 


¢ y 许可 证 协议 


苦 请 他 绍 阅 凌 下 面 的 洗 可 证 协议 。 使 un 


Sun Microsystems, Inc Binary Code License Agreement 


“功能 说 明 
Java(T™M) SE Development Kt 6 
Update20， 用 JRE6 


Ifor the JAYA SE DEVELOPMENT KIT (JDK), VERSION 6 


SUN MICROSYSTEMS, INC. (SUN") IS WILLING TO LICENSE THE 
SOFTWARE IDENTIFIED BELOW TO YOU ONLY UPON THE CONDMION 
|THAT YOU ACCEPT ALL OF THE TERMS CONTAINED IN THIS BINARY 
CODE LICENSE AGREEMENT AND SUPPLEMENTAL LICENSE TERMS 
(COLLECTIVELY “AGREEMENT"), PLEASE READ THE AGREEMENT 
CAREFULLY. BY USING THE SOFTWARE YOU ACKNOWLEDGE THAT 


ie 20。 这 桔 需 要 300 MB 
硬盘 绒 动 器 宝 间 ， 


EE [ES 


7-5 单 击 “ 接 受 ” 按 钮 图 7-6 自 定义 安装 


在 验证 、 复 制 新 文件 、 注 册 产 品 等 安装 过 程 中 ， 会 弹出 安装 公共 JRE 的 对 话 框 ， 这 个 
公共 JRE 和 JDK 没有 关系 ,在 JDK 目录 中 也 包含 用 于 开发 的 JRE 环境 ， 和 公共 JRE 只 有 
少量 差别 ， 按 照 默认 配置 进行 安装 。 安 装 结束 后 会 弹出 成 功 完成 对 话 框 ， 单 击 “ 完 成 ” 按 
钮 即 可 ， 如 图 7-7 所 示 。 也 可 以 进行 注册 ， 注 册 是 免费 的 ， 但 是 初学 者 不 必 注 册 ， 因 为 其 内 
容 对 初学 者 没有 太 多 帮助 。 

个 Java(TED SE Developaent Kit 6 Update 20 - 完成 区 


¢ 3 
二 命 9011 


Java 


Java(TM) SE Development Kit 6 Update 20 已 成 功 安装 


产品 注册 是 免费 的 ， 您 格 获得 如 下 增值 服务 : 

* 获得 新 版 本 、 修 补 程序 和 更 新 的 通知 服务 

* 获得 有 关 Sun 开发 者 产品 、 服 务 和 培训 的 忧 圳 
+ 获得 对 早期 版 本 和 文档 的 访问 权限 


当 您 单 击 完 成 "后 格 收 集 产 品 与 系统 信息 ， 同 时 显示 JOK 产品 注册 表单 。 加 果 您 
不 注册 , 则 不 保存 以 上 信息 。 


党 理 和 全 用 方式 的 更 乡 信息 ， 庶 参见 产品 
注册 信息 页面 


图 7-7 完成 安装 
7.2.3 设置 JDK 环境 变量 


设置 了 环境 变量 后 ， 就 可 以 在 任意 一 个 地 方 打开 cmd 命令 提示 符 ， 进 行 Java 文件 的 编 
译 和 和 运行， 也 为 一 些 shell 脚本 的 运行 提供 了 方便 ， 而 不 用 每 次 都 输入 类 似 Ci\Javayjdk1.6.0_ 
20\binVjava.exe 来 运行 Java 字 节 码 文件 。 

要 设置 的 有 3 个 环境 变量 : JAVA_HOME、CLASSPATH 和 Path， 分 别 是 JavaJDK 的 路 
径 、Java class 字 节 码 文件 路 径 和 系统 路 径 ， 其 中 Path 系统 路 径 是 系统 中 本 来 就 有 的 。 

右 击 “我 的 电脑 ”图 标 ， 在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ， 打 开 “ 系 统 属性 ” 
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对 话 框 ， 选 择 “ 高 级 ”选项 卡 ， 如 图 7-8 所 示 。 

单 击 “环境 变量 ”按钮 ， 弹 出 “环境 变量 ”对 话 框 ， 在 “系统 变量 ” 栏 中 单 击 “ 新 建 ” 
按钮 ， 弹 出 “新 建 系统 变量 ”对 话 框 ， 在 “变量 名 ”文本 框 中 输入 “JAVA_HOME” 在 “ 变 
量 值 ” 文本 框 中 输入 JDK 的 路 径 “C:\Javaijdk1.6.0_20”， 如 图 7-9 所 示 。 


常规 计算 机 名 | 硬件 | 高 级 。 | 系统 还 原 | 自动 更 新 | 远程 
要 进行 大 多 数 改 动 ， 您 必须 作为 莹 理 员 和 登录 。 

性 能 

视觉 效果 ,处 理 器 计划 ,内 存 使 用 ， 以 及 虚拟 内 存 


用 户 配 置 文件 
与 您 登录 有 关 的 点 面 设置 


忆 动 和 元 障 恢复 
系统 启动 ， 系 统 失 败 和 调试 信息 


博 误 报 告 四 ) 


JAVA_HDWE 


C:\Java\jdk!. 6.0_20| 


CC 双 3 


图 7-8 “高 级 ”选项 卡 图 7-9 设置 环境 变量 JAVA_HOME 


单 击 “ 确 定 ” 按 钮 ，JAVA_HOME 变量 设置 完毕 。 用 同样 的 方法 ， 设 置 CLASSPATH 
变量 ， 在 “变量 值 ”文本 框 中 输入 “.;”( 此 时 点 和 分 号 必须 是 英文 标点 )， 单 击 “ 确 定 ” 按 
钮 。CLASSPATH 的 变量 值 表 示 字 节 码 的 路 径 是 在 当前 路 径 下 ， 如 图 7-10 所 示 。 

Path 环境 变量 是 系统 本 身 就 有 的 ， 在 “系统 变量 ” 栏 中 找到 Path 变量 ， 单 击 它 ， 并 单 
击 “ 编 辑 ” 按 钮 ， 在 打开 的 “编辑 系统 变量 ”对 话 框 中 的 “变量 值 ”文本 框 中 按 Home 键 ， 
表示 将 鼠标 光标 移动 到 该 文字 区 域 的 开始 位 置 , 输入 “%JAVA_HOME%\bin;”， 表 示 将 刚才 
设置 的 JAVA_HOME 变量 下 的 bin 文件 夹 (包括 Java 的 各 种 exe 可 执行 文件 ) 的 路 径 加 入 
Path 系统 变量 ， 如 图 7-11 所 示 ， 这 样 系统 就 可 以 自动 搜索 到 Java 程序 的 路 径 。 


编辑 系统 变量 


变量 名 0D) : [cLASSPATH 变量 各 加) Path 


变量 值 人 : 车] VEIN : ‘INDOWS\ syst em32 | 
Ca 


图 7-10 设置 环境 变量 CLASSPATH 图 7-11 Path 环境 变量 设置 
7.2.4 测试 JDK 环境 变量 


选择 “开始 ”一 “运行 ”命令 ， 在 弹出 的 “运行 ”对 话 框 中 输入 “notepad”， 打 开 记事 
本 ， 在 其 中 输入 以 下 内 容 : 
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public class hello{ 
public static void main(String args[]){ 
System.out.println("Hello,Java "); 


} 
按 Ctrl+S 组 合 键 ， 弹 出 “ 另 保存 ”对 话 框 ， 输 入 文件 名 “Ci\Java\hello.java”， 单 击 “ 保 
存 ” 按 钮 。 下 面 打 开 cmd 命令 提示 符 窗口 ， 使 用 Java 编译 器 来 编译 此 hello.java 文件 。 选择 
“开始 ”一 “运行 ”命令 ， 在 打开 的 对 话 框 中 输入 “cmd”， 打开 了 cmd 命令 提示 符 窗口 ， 
输入 以 下 命令 : 


cd\ 

cd java 

javac hello.java 
java hello 


如 果 出 现 了 “Hello,Java” 信 息 ， 则 证 明 JDK 环境 变量 设置 成 功 ， 如 图 7-12 所 示 。 


S\systen32\cad. ex' 


图 7-12 测试 JDK 环境 变量 
7.3 安装 与 配置 Tomcat 


7.3.1 安装 Tomcat 


面 进行 Tomcat 服务 器 的 安装 和 配置 ，Tomcat 可 以 从 http://tomcat.apache.org/download- 
60.cgi 网 站 上 进行 下 载 ， 可 以 选择 32-bit Windows zip， 也 可 以 选择 32-bit/64-bit Windows 
Service Installer 的 二 进 制 安装 包 。 

如 图 7-13 所 示 ，apache-tomcat-6.0.26.exe 和 apache-tomcat-6.0.26-windows-x86.zip 的 文 
件 大 小 分 别 为 6.61MB 和 6.65MB， 推 荐 下 载 .exe 格式 的 安装 包 。 


本 4 
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图 7-13 apache-tomcat-6.0.26.exe 和 apache-tomcat-6.0.26-windows-x86.zip 文件 


Tomcat 的 安装 也 非常 简单 ， 如 果 下 载 的 是 zip 文件 ， 将 apache-tomcat-6.0.26-windows- 
x86.zip 解压 到 C:\tomcat-6.0.26 文件 夹 内 ， 其 实 可 以 将 它 解 压 到 任意 一 个 目录 ， 因 为 它 是 绿 
色 版 的 ， 但 是 为 了 方便 查看 ， 把 它 解压 到 C 盘 。 

如 果 下 载 的 是 apache-tomcat-6.0.26.exe 文件 , 则 直接 双击 进行 安装 。 在 选择 安装 路 径 时 ， 
将 路 径 设 置 为 C:\Tomcat 6.0， 然 后 进入 Tomcat 设置 ， 此 时 需要 设置 Tomcat 的 默认 端口 号 ， 
默认 为 8080， 可 以 改 为 80; 然后 设置 Tomcat 管理 员 登 录 可 选项 ,设置 用 户 名 为 root， 密 码 
为 123456， 也 可 以 设置 为 其 他 用 户 名 和 更 高 复杂 度 的 密码 ， 如 图 7-14 所 示 。 

单 击 Next 按钮 ， 选 择 Java 虚拟 机 所 在 位 置 ， 也 就 是 JRE 所 在 位 置 ， 可 以 选择 JDK 路 
径 下 的 JRE, 即 Ci\Javayjdk1.6.0_20\jre, 也 可 以 选择 公共 JRE, 即 C:\Program Files\Java\jre6。 
这 里 选择 JDK 路 径 下 的 JRE， 如 图 7-15 所 示 。 


Configuration 、 Java Vitual Machine 
Tomcak basic configuration 了 Java Vetual Machne path selection, 


HTTPIL1 Connector Port Please select the path of a J25E 5.0 or later JRE instaled on your system. Note that Ff you 
have a 64-bit operating System you must specify a 64-bit JRE; 


Tomcat Administrator Logn (optional) 


加 | 


<Bock J Next> | [cancel 


7-14 ” Tomcat 设置 图 7-15 选择 Java 虚拟 机 所 在 位 置 
单 击 Install 按钮 开始 安装 ， 片 刻 后 即 可 完成 。 


7.3.2 测试 Tomcat 


安装 Tomcat 后 ， 任 务 栏 中 会 出 现 Apache Tomcat 6 的 图 标 回 。 绿 色 的 三 角 符号 代表 
Tomcat 是 运行 状态 ， 如 果 没 有 运行 ， 则 图 标 中 会 出 现 红色 的 方块 国 。 在 运行 状态 下 ， 可 以 
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过 浏览 器 来 访问 Tomcat 服务 器 所 提供 的 Web 服务 。 
打开 浏览 器 (本 例 中 的 是 火狐 浏览 器 )， 在 浏览 器 地 址 栏 中 输入 “http://localhost/ 
index.jsp”， 按 Enter 键 后 即 可 看 到 如 图 7-16 所 示 的 网 页 。 如 果 指 定 的 Tomcat 端口 是 8080， 
则 需要 在 地 址 栏 中 输入 “http://localhost:8080/index.jsp”。 
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图 7-16 测试 Tomcat 


如 果 页 面 出 现 类 似 <%(@ page session="false" %> 的 语句 , 说 明 Tomcat 无 法 解析 JSP， 需 
要 对 Tomcat 的 Java 部 分 进行 配置 。 


7.3.3 配置 Tomcat 


由 于 是 先 安装 JDK, 后 安装 Tomcat， 所 以 Tomcat 会 检测 到 JDK 和 JRE 自动 进行 配置 ， 
和 否则， 就 需要 对 Tomcat 进行 Java 的 配置 。 

选择 “开始 ”一 “程序 ”一 Apache Tomcat 6.0 一 Configure Tomcat 命令 ， 打 开 Tomcat 
的 配置 对 话 框 ; 如 果 已 经 运行 了 Tomcat Moniter， 则 右 击 任务 栏 右 下 角 的 Tomcat Moniter 图 
标 ， 在 弹出 的 快捷 菜单 中 选择 Configure 命令 ， 也 会 弹出 Tomcat 的 配置 对 话 框 。 选 择 Java 


选项 卡 ， 在 Java Virtual Machine 文本 框 中 输入 “C:\Java\jdk1.6.0_20\jre\bin\servenjvm.dll”， 
如 图 7-17 所 示 。 


Goner al | Loe On | Laceine | Je。 Star tos [Shetdorn 
DD vse defauk 
Java Vetual Madhine 
[Chaat1.6 0 Znrelbniserveripm 
Java Clsspath: 
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Java Optiors: 
-Deataina hone=C:\Tomeat 6.0 
-Deataina bace—C Toncaté.0 


图 7-17 配置 Tomcat 
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这 里 的 设置 只 能 配置 基本 的 服务 ， 可 使 Tomcat 正常 运行 ， 更 多 的 配置 还 是 要 通过 直接 
编辑 C:\Tomcat 6.0\conf\ 文 件 夹 下 的 一 些 配 置 文件 来 实现 .下面 介绍 一 些 Tomcat 常 用 的 设 定 。 


1. Tomcat 中 虚拟 目录 的 设置 


Tomcat 的 默认 主 目录 是 C:\Tomcat 6.0\webapps\ROOT， 其 下 可 以 放 一 个 或 多 个 网 页 。 
如 果 想 要 在 一 个 新 的 目录 ， 如 C:\myweb 目录 下 放 一 个 网 站 ， 并 且 使 用 Tomcat 来 浏览 ， 那 么 
就 需要 增加 一 个 Web Site， 而 不 需要 动 原 有 的 网 站 。 用 记事 本 打开 C:\Tomcat 6.0\conf\ 
server.xml， 找 到 以 下 代码 : 


<Host name="localhost” appBase="webapps” 
unpackWARs="true" autoDeploy= "true” 
xmlValidation="false" xmlNamespaceAware='"false"> 


在 下 面 新 的 一 行 中 写 入 以 下 代码 (只 要 是 在 <host> 和 </host> 之 间 均 可 以 ): 


<Context path="/site" docBase="c:\myweb" reloadable="true” debug="0"> 
</Context> 


其 中 的 path 是 相对 于 网 站 URL 而 言 ; /site 就 是 指 http://localhost/site; docBase 指 的 是 
文件 在 文件 系统 中 的 位 置 ， 本 例 中 是 “Ci\myweb”。 将 网 页 移动 到 C:myweb\ 目 录 下 ， 重 新 
启动 Tomcat 后 ， 就 可 以 使 用 http://localhost/site 网 址 浏览 新 的 网 页 。 

如 果 需 要 更 改 “/” 目 录 的 文件 位 置 ， 只 需要 将 上 面 host 标签 中 的 appBase 中 的 值 更 改 即 
可 ， 如 更 改 为 “appBase="c:myweb"”， 这 样 使 用 http://localhost 即 可 访问 位 于 C 盘 myweb 文 
件 夹 内 的 网 页 。 


2. 修改 端口 号 
用 记事 本 打开 C:\Tomcat 6.0\conf\serverxml， 找 到 以 下 代码 : 


<Connector port="80" protocol="HTTP/1.1" 
connectionTimeout="20000" 
redirectPort="8443" /> 


将 其 中 的 port 后 面 引号 内 的 值 修改 为 需要 的 端口 号 ， 如 修改 为 “port="8080"”， 重 新 启 
动 Tomcat 服务 器 ， 打 开 浏 览 器 在 地 址 栏 中 输入 “http://localhost:8080” 即 可 。 


3. 修改 首页 默认 值 


用 记事 本 打开 C:\Tomcat 6.0\conf\web.xml， 找 到 以 下 代码 (搜索 welcome-file-list 即 可 
快速 找到 ): 


<welcome-file-list> 
<welcome-file>index.html</welcome-file> 
<welcome-file>index.htm</welcome-file> 
<welcome-file>index.jsp</welcome-file> 
</welcome-file-list> 
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根据 自己 的 需要 添加 或 修改 <welcome-file> 和 </welcome-file-list> 标 签 之 间 的 内 容 ， 
Tomcat 后 生效 。 


er 
虞 
证 


7.4 Java 开发 工具 一 一 Eclipse 简介 


Java 的 开发 工具 很 多 ， 有 Eclipse、Netbeans、JBuilder、Jdeveloper、IDEA、Jcreator 和 
Workshop 等 ， 其 中 Eclipse 是 使 用 比较 多 的 Java 开发 集成 工具 ， 其 具有 即时 编译 和 运行 便 
捷 等 特性 ， 可 快速 构建 集成 Web 应 用 程序 。 由 于 它 是 基于 Java 的 开源 项 目 ， 因 此 可 以 在 任 
何平 台 〈Java 是 跨 平 台 的 ) 上 进行 运行 、 操 作 。Eclipse 的 核心 体系 是 一 个 动态 加 载 插件 的 
框架 结构 ， 因 此 可 以 使 用 不 同 的 插件 来 实现 不 同 的 工作 任务 ， 同 时 也 可 以 开发 不 同 的 插件 
来 不 断 完善 Eclipse 的 功能 。 


7.4.1 下 载 和 安装 Eclipse 


首先 到 Eclipse 官方 网 站 http://www.eclipse.org/downloads/ 下 载 Eclipse 软件 包 ， 对 于 开 

发 Web 应 用 程序 的 用 户 建 议 下 载 Eclipse IDE for Java EE Developers (190MB)， 文 件 名 是 

eclipse-jee-galileo-SR2-win32.zip， 其 中 SR2 是 开发 版 本 ， 可 能 会 有 所 不 同 ， 如 图 7-18 所 示 。 
文件 GE) 蝙 匈 到 ) 查看 QW) 收藏 工具 XI) 帮助 0D 


OR- oO PR OXNR 回 - 
EST 


文件 和 文件 夹 任务 


性 : 压 : 
修改 日 期 :2010 年 4 月 21 日 ， 
13:46 
大 小 : 190 上 


并 :好 压 zIP 压 沁 文件 修改 日 期 2010-4.21 150 克 ET 
图 7-18 ”下载 和 安装 Eclipse 


Eclipse 的 安装 也 非常 简单 ， 因 为 Eclipse 是 绿色 软件 ， 只 需要 将 压缩 包 解压 到 一 个 目录 
即 可 ， 如 把 它 解压 到 C:\eclipse。 


7.4.2 ”运行 和 配置 Eclipse 


运行 Ci\eclipse 目录 下 的 eclipse.exe， 弹 出 Workspace Launcher 对 话 框 ， 为 了 方便 ， 设置 
Workspace 的 位 置 在 C:eclipsevworkspace。 如 图 7-19 所 示 是 默认 状态 下 的 Workspace Launcher 
对 话 框 。Eclipse 的 Welcome 页 面 如 图 7-20 所 示 。 
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图 7-20 Eclipse 的 Welcome 页 面 


下 面 配置 Eclipse 的 Tomcat 运行 环境 ， 这 样 就 可 以 方便 地 进行 Tomcat 操作 及 应 用 部 署 
等 工作 。 
(1) 在 主 界面 上 选择 Window 一 Preferences 命令 ， 如 图 7-21 所 示 。 
(2) 在 打开 的 Preferences 窗口 中 ， 选 择 左 侧 Server 下 的 Runtime Environments 选项 ， 
如 图 7-22 所 示 。 


ev Window 
Hon Edtor 
Show Toolbar 


Dpen Parspective 


图 7-21 选择 Window 一 Preferences 命令 图 7-22 选择 Runtime Environments 选项 


(3) 在 右 侧 单 击 Add 按钮 ， 在 打开 的 窗口 中 的 列表 框 中 选择 Apache 下 的 Apache Tomcat 
V6.0 选项 ， 这 里 要 和 Tomcat 版 本 一 致 ， 如 图 7-23 所 示 。 
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(4) 单 击 Next 按钮 ， 单 击 Tomcat installation directory 文本 框 后 的 Browser 按钮 ,设置 
Tomcat 6.0 的 路 径 为 C:\Tomcat 6.0， 如 图 7-24 所 示 。 
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图 7-23 选择 Apache Tomcat v6.0 选项 7-24 设置 Tomcat 6.0 路 径 


(5) 单 击 Installed JREs 按钮 ， 在 打开 的 对 话 框 中 显示 已 经 自动 配置 好 了 JDK， 如 果 没 
有 ， 则 需要 单 击 Add 按钮 添加 一 个 新 的 标准 JRE， 如 图 7-25 所 示 。 

(6) 单 击 OK 按钮 ， 返回 New Server Runtime Environment 窗口 ， 单 击 Finish 按钮 ， 返 
回 Preferences 窗口 , 单 击 OK 按钮 Eclipse 的 Tomcat 服务 器 运行 环境 即 配置 完成 , 如 图 7-26 
所 示 。 


bil. Oo dot WE i eed te te 


图 7-25 添加 一 个 新 的 标准 JRE 图 7-26 完成 Eclipse 的 Tomcat 服务 器 运行 环境 配置 
7.4.3 ”使 用 Eclipse 开发 一 个 简单 的 Web 应 用 程序 


1. 新 建 一 个 工程 及 网 页 
(1) 首先 新 建 一 个 工程 ， 在 主 界面 中 选择 File 一 New 一 Project 命令 ， 如 图 7-27 所 示 。 
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(2) 弹出 New Project 对 话 框 ， 在 中 间 的 列表 框 中 选择 Web 下 的 Dynamic Web Project 
项 ， 即 动态 网 页 选项 ， 然 后 单 击 Next 按钮 ， 如 图 7-28 所 示 。 
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7-27 选择 File 一 New 一 Project 命令 7-28 New Project 对 话 框 


(3) 弹出 New Dynamic Web Project 对 话 框 ， 在 Project name 文本 框 中 输入 项 目的 名 
称 ， 如 “HelloWorld”， 由 于 已 经 配置 好 Tomcat 服务 器 运行 环境 ， 其 他 选项 保持 默认 即 可 ， 
单 击 Next 按钮 ， 如 图 7-29 所 示 。 

(4) 接 下 来 是 更 多 细节 方面 的 配置 ， 这 里 是 为 Java 程序 所 设置 的 配置 ， 暂 时 不 需要 使 
用 Java， 单 击 Next 按钮 〈 也 可 以 单 击 Finish 按钮 结束 )， 如 图 7-30 所 示 。 
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图 7-29 New Dynamic Web Project 对 话 框 7-30” 暂 不 设置 Java 
(5) 设置 网 页 模块 的 名 称 ， 保 持 默 认 即 可 ， 如 图 7-31 所 示 ， 单 击 Finish 按钮 。 
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(6) 添加 一 个 jsp 网 页 文件 。 在 Project Explorer 项 目 浏 览 窗 口中 ， 在 HelloWorld 项 目 
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7-31 设置 网 页 模块 的 名 称 7-32 ”Project Explorer 项 目 浏览 窗口 


(7) 在 New JavaServer Page 窗口 的 File name 文本 框 中 输入 “indexjsp”， 如 图 7-33 
所 示 。 
(8) 选择 JSP 网 页 模板 ， 保 持 默认 即 可 ， 如 图 7-34 所 示 ， 单 击 Finish 按钮 。 
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图 7-33 设置 File name 图 7-34 选择 JSP 网 页 模板 
(9) 修改 index.jsp， 在 <body> 和 </body> 标 签 之 间 添 加 下 面 的 代码 : 


Hello,World!<br/> 
This is Eclipse and tomcat Server 
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图 7-35 ”index.jsp 文件 
2. 运行 工程 
(1) 在 主 界面 中 选择 Run 一 Run 命令 ， 或 者 在 HelloWorld 工程 上 单 击 鼠 标 右键 ， 在 弹 
出 的 快捷 菜单 中 选择 Run As 一 Run on Server 命令 ， 如 图 7-36 所 示 。 
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图 7-36 选择 命令 


(2) 弹出 Run On Server 对 话 框 ， 默 认 已 经 选择 了 Apache Tomcat v6.0， 单 击 Next 按 
钮 ， 如 图 7-37 所 示 。 

(3) Run On Server 对 话 框 中 已 经 默认 将 HelloWorld 关联 到 服务 器 ， 单 击 Finish 按钮 
结束 设置 ， 如 图 7-38 所 示 。 
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图 7-37 Run On Server 对 话 框 图 7-38 Run On Server 对 话 框 


(4) 如 果 没 有 什么 意外 ， 大 约 1 分 钟 内 (Tomcat 启动 消耗 的 时 间 ) 就 会 显示 出 这 个 站 
点 ， 如 图 7-39 所 示 。 
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图 7-39 显示 站 点 
3. JSP Web 应 用 目录 结构 


在 Tomcat 中 部 署 Web 应 用 ， 需 要 将 开发 的 Web 应 用 包 部 署 到 Tomcat 目录 的 webapps 
子 目录 中 。 应 用 可 以 是 一 个 目录 ， 也 可 以 是 一 个 war 包 。 当 应 用 为 war 包 时 ， 启 动 Tomcat 
后 ，Tomcat 会 自动 将 其 解压 成 一 个 目录 。 下 面 以 HelloWorld 为 例 进行 讲解 ， 部 署 到 Tomcat 
的 目录 为 {Tomcat 目录 }webapps\HelloWorld\， 则 HelloWorld 拥有 以 下 子 目 录 。 

@ /WEB-INF: 包含 应 用 的 配置 文件 web.xml 等 ， 其 中 web.xml 是 必须 有 的 ， 其 他 的 


根据 具体 应 用 安排 。 
/WEB-INF/lib: 包含 Web 应 用 所 需要 的 类 库 文 件 。 
/WEB-INF/classes: 包含 Web 应 用 所 需要 的 class 文件 。 
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7.5 JSP 基本 知识 


要 学 习 JSP， 首 先 必须 了 解 Java 的 语法 。 
7.5.1 Java 语法 基础 


Java 是 一 种 纯 面 向 对 象 的 语言 , 它 有 自己 的 关键 词 、 操 作 符 、 表 达 式 和 流程 控制 等 , Java 
的 重点 和 核心 在 于 类 、 方 法 、 接 口 、 集 成 和 多 态 等 面向 对 象 的 概念 ， 它 还 有 着 很 好 的 跨 平 
台 性 、 支 持 分 布 式 、 高 度 的 稳定 性 和 安全 性 ， 而 且 它 是 编译 和 解释 结合 的 语言 。 

Java 从 语法 上 来 说 是 在 C++ 基础 上 发 展 起 来 的 , 所 以 它 具 有 C 和 C++ 语言 的 一 些 特性 ， 
其 基本 语法 与 C 和 C++ 很 相似 。 

例 7.1 冒 泡 排序 的 一 个 Java 程序 。 


/Bubblejava 
public class Bubble{ 
public static void main(String [args)f{ 
int [Jarray={5,8,3,4,9,10,2,1}; 
String str="The Result is:"; 
int temp; 
for(int j=array.length-1;j>0;j--X{ 
for(int i=0;i<j;it+}{ 
if(array[li]<array[i+1]){ 
* 交 换 两 个 相 邻 元 素 */ 
temp=array[i]; 
array[i]j=array[i+1]; 
array[i+1]=temp; 
Wiif 
JWfor 
Whor 
System.out.println(stn); 
for (int serial=0;serial<array.length;serial++}{ 
System.out.print(array[serial]); 
System.out.print(","); 
} 
Wimain 
JWclass Bubble 
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在 cmd 窗口 中 的 编译 和 运行 结果 如 下 : 


C:\Java>javac Bubble.java 
C:\Java>java Bubble 

The Result is: 
10,9,8,5,4,3,2,1, 

C:\Java> 


下 面 介 绍 Java 程序 的 组 成 。 
1. 语法 注释 


Java 中 的 注释 包括 了 C++ 中 的 注释 ， 同 时 还 有 一 种 新 增加 的 Java 注释 。 

@ /* 注释 内 容 */: 在 “/*” 和 “*/” 之 间 的 所 有 内 容 均 被 注释 ， 适合 于 多 行 的 注释 。 

@ / 注释 内 容 : 在 “/” 之 后 的 所 有 内 容 均 被 注释 ， 适 合 于 单行 注释 。 

@ /** 注释 内 容 */: 这 类 注释 属于 第 一 种 注释 ， 但 是 在 Java 中 ， 这 类 注释 被 特殊 处 
理 ， 出 现在 任何 声明 之 前 时 才 会 被 特殊 处 理 。 这 类 注释 意味 着 被 括 起 来 的 部 分 应 
该 作为 声明 项 目的 描述 ， 可 被 包含 在 Javadoc 程序 自动 产生 的 文档 中 。 


2. Java 关键 字 


关键 字 是 构成 编程 语言 本 身 的 符号 ， 是 一 种 特殊 的 标识 符 ， 又 称 作 保留 字 ， 如 class、 
static、int、for 等 都 是 Java 的 关键 字 。Java 的 关键 字 共 有 40 多 个 ， 如 表 7-1 所 示 。 


表 7-1 Java 的 关键 字 


abstract boolean int interface 
break byte long native 
byvalue case package private 
Cast class protected public 
continue default return short 

do double static super 
false final Switch Synchronized 
finally float this threadsafe 
for goto throw transient 
让 implements true try 
import instanceof void while 


关键 字 在 Java 语言 中 有 特殊 的 含义 ， 所 以 不 能 当 作 一 般 的 标识 符 使 


有， 即 一 般 的 标识 


符 ， 如 变量 名 、 类 名 、 方 法 名 等 不 能 是 关键 字 。true、false 和 null 通常 也 被 看 成 是 关键 字 。 


3. 数据 类 型 


Java 数据 类 型 包括 两 大 数据 类 型 ， 分 别 为 基本 数据 类 型 和 结构 数据 类 型 。 
Java 基本 数据 类 型 包括 整数 型 、 浮 点 型 、 字 符 型 、 布 尔 型 4 类 ， 其 中 整数 型 和 浮 点 型 


又 可 细 分 为 若干 种 。 
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@ ”整数 型 ，Java 定义 了 4 种 整数 类 型 ， 如 表 7-2 所 示 。 
表 7-2 4 种 整数 类 型 


-21 一 215-1 
-231 一 231-1 


753 253-1 


@ 浮 点 型 : 浮 点 数 即 实数 ,包括 整数 和 小 数 部 分 ，Java 包括 两 种 浮 点 型 ,分 别 为 float 
和 double， 分 别 代 表单 精度 和 双 精 度 ， 如 表 7-3 所 示 。 


表 7-3 浮 点 型 
数据 类 型 取 值 范 
float 1037~10% 
double 10307~10% 


@ 字符 型 : 在 Java 中 用 于 存储 字符 的 数据 。 在 Java 中 采用 Unicode 字符 集 , 所 以 char 
占用 16 位 ， 而 不 是 C 语言 中 的 8 位 ， 取 值 范围 为 0 一 65535。 

@ ”布尔 型 : 布尔 型 数据 类 型 只 有 两 个 ， 即 true 和 false。 布 尔 型 和 其 他 数据 类 型 不 能 
相互 转换 。 所 有 的 关系 运算 符 返回 值 都 是 布尔 值 。 

@ 在 Java 中 ， 除 了 布尔 型 外 ， 都 可 以 混合 运算 ， 在 运算 过 程 中 ， 不 同 的 数据 类 型 先 
转换 为 统一 数据 类 型 的 数据 ， 然 后 再 运算 。 

(1) 自动 类 型 转换 

自动 类 型 转换 是 从 低级 到 高 级 发 生 自动 类 型 转换 ， 从 表达 范围 小 的 类 型 向 表达 范围 大 

的 类 型 发 生 自动 类 型 转换 。 优 先 级 如 下 : 


本 
byte、short、char 一 int 一 long 一 foat 一 double 
(2) 强制 转换 


当 数 据 类 型 由 高 级 向 低级 转换 时 ， 需 要 强制 类 型 转换 。 如 将 一 个 double 类 型 数据 转换 
为 一 个 int 类 型 的 数据 时 ， 就 必须 使 用 强制 类 型 转换 。 如 “double d=9.9;int i=(int)d;”， 那 么 
i 的 值 就 是 9。 


4. 常量 


常量 是 指 Java 程序 中 其 值 在 程序 执行 期 间 不 能 改变 的 量 。 按 照 类 型 常量 可 分 为 整数 类 
型 常量 、 实 数 类 型 常量 、 字 符 常 量 、 布 尔 常量 和 字符 串 常量 。 

(1) 整数 类 型 常量 

Java 中 的 整数 类 型 常量 又 分 为 3 种 : 十 进 制 、 八 进 制 和 十 六 进 制 。 例 如 ，12 是 十 进 制 
常量 、0766 是 八进制 常量 (以 0 开头 就 是 八进制 )、0xfal 是 十 六 进 制 常量 (大 小 写 均 可 )。 
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(2) 实数 类 型 常量 

在 Java 中 实数 类 型 常量 分 为 单 精度 和 双 精 度 两 种 类 型 ， 如 241.3f 为 单 精度 在 其 后 加 
上 大 小 写 F 均 可 )，241.3d 为 双 精 度 〈 在 其 后 加 上 大 小 写 D 均 可 )， 其 区 别 在 于 所 占 空 间 不 
同 ， 表 示 的 范围 也 不 同 。 若 没有 后 级 字母 ， 则 系统 默认 为 双 精 度 类 型 。 

实数 类 型 常量 也 可 以 使 用 科学 表达 式 ， 如 0.2E10 的 值 和 2.0E9 的 值 相同 ， 都 为 
2000000000， 其 中 大 小 写 E 均 可 。 

(3) 字符 常量 

字符 常量 就 是 用 单 引号 括 起 来 的 一 个 字符 ， 如 “b”、“B”。Java 中 的 字符 数据 是 16 位 
无 符号 型 数据 ， 可 以 使 用 Unicode 字符 集 ， 格 式 为 “\uxxxx”， 其 忠 必须 为 小 写 ，xxxx 表 
示 该 字符 的 十 六 进 制 的 Unicode 编码 值 。 

(4) 布尔 常量 
布尔 常量 只 有 两 个 : true 和 false， 分 别 表示 逻辑 运算 的 真 和 假 。 
(5) 字符 串 常量 

字符 串 常量 使 用 双 引 号 括 起 来 的 字符 串 ， 如 “Hello Java”。 在 Java 中 ， 字 符 串 常量 是 
作为 String 类 的 一 个 对 象 来 处 理 的 ， 可 以 使 用 连接 操作 符 “+” 来 连接 两 个 字符 串 组 成 更 长 
的 字符 串 。 

5. 变量 

变量 的 命名 必须 符合 一 定 的 规则 : 

@ ”由 字母 、 数 字 、 下 划 线 (_) 和 美元 符号 ($) 构成 。 

@ ”由 字母 、 下 划 线 (_) 和 美元 符号 ($) 开头 ， 不 能 以 数字 开头 。 

@ 不 能 与 关键 字 同 名 。 

@ ”符合 一 定 的 书写 规则 ， 如 类 名 首 字母 大 写 、 变 量 一 律 小 写字 母 开头 、 宏 定义 全 部 

用 大 写字 母 、 尽 量 不 要 缩写 、 要 用 英文 不 要 用 拼音 等 。 养 成 好 的 书写 习惯 可 以 增 
加 程序 的 可 读 性 ， 具 体 的 规则 因 人 而 异 。 

变量 的 定义 格式 如 下 : 

[修饰 符 ] < 类 型 名 > < 变量 名 > [=< 初 值 >] [, < 变量 名 > [=< 初 值 >]…] 

其 中 ， 插 号 “[]” 代 表 可 有 可 无 ， 尖 括号 “<>” 代 表 必 须 有 ， 嵌 套 的 必须 从 外 向 里 依次 
满足 条 件 。Java 中 的 变量 分 为 整 型 变量 、 实 数 型 变量 、 字 符 型 变量 和 布尔 型 变量 4 种 ， 其 
定义 格式 分 别 如 下 : 

// 整 型 变量 

int i; byte b; short s; long 1; 

// 实 数 型 变量 

float f; double d; 

// 字 符 型 变量 

char c='C' 

/布尔 型 变量 

Boolean b2=false; 
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6. 转 义 字符 
Java 提供 了 转 义 字符 ， 以 反 斜 枉 “\” 开 头 ， 如 表 7-4 所 示 。 
表 7-4 Java 中 的 转 义 字 符 


转 义 字符 描 述 
\ddd 1 一 3 位 八进制 
\UXXX 1 一 4 位 十 六 进 制 
by 单 引 号 字符 
Ww 双 引 号 字符 
\ 反 和 斜 杠 
Yr 回 车 ( 回 到 本 行 开 始 ) 
\n 换行 (到 光标 下 一 行 的 正 下 方 》 
¥f 走 纸 换 页 
Vt 制 表 符 〈 一 般 长 度 为 4 个 空格 
\b, 退 格 
7. 分 隔 符 


分 隔 符 是 指 在 语句 中 用 来 分 隔 变量 、 常 量 或 语句 的 符号 Java 中 的 分 隔 符 如 表 7-5 所 示 。 


表 7-5 Java 中 的 分 隔 符 
分 隔 符 符号 含 义 
分 隔 变量 
用 来 分 开 包 和 子 包 
表示 一 条 语句 的 结束 


在 方法 中 调用 参数 列表 ; 定义 表达 式 优先 级 ; 


0 在 控制 语句 中 包含 表达 式 
0 包含 自动 初始 化 数组 的 值 
声明 数组 


8. 运算 符 与 表达 式 


运算 符 是 对 变量 或 其 他 对 象 进行 运算 操作 的 特定 符号 。Java 语言 内 部 有 44 个 运算 符 ， 
分 为 6 类 ， 分 别 为 算术 运算 符 、 赋 值 运算 符 、 关 系 运算 符 、 轴 辑 运 算 符 、 位 运算 符 和 条 件 


运算 符 。 


表达 式 是 由 常量 、 变 量 、 方 法 调用 以 及 运算 符 按照 一 定 规则 组 合 而 成 的 ， 用 了 


者 对 变量 进行 赋值 。 
(1) 算术 运算 符 


计算 或 


算术 运算 符 包括 “+”、“-”“*” /0%”、 “++”， “一 2， 其 中 ,“+2” 和 “-” 还 有 表 
达 正 数 、 负 数 的 意思 。“++” 和 “一 ”用 法 较为 特殊 ， 分 为 前 绥 和 后 绥 两 种 ， 如 “it+” 是 
后 级 的 ,“--i” 是 前 缀 的， 其 作用 是 对 变量 进行 “加 1” 或 者 “ 减 1” 操 作 ， 前 缀 是 在 表达 
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式 中 首先 进行 “加 1” 或 “ 减 1” 操 作 ， 然 后 再 进行 表达 式 其 他 部 分 ;后 级 是 在 表达 式 中 进 
行 表 达 式 整体 运算 后 ， 再 进行 “加 1” 或 者 “ 减 1” 操 作 。 

(2) 赋值 运算 符 

赋值 运算 符 “=” 就 是 把 右边 的 表达 式 的 值 赋 给 左边 的 变量 〈 且 左边 的 变量 只 能 是 一 个 
符合 变量 命名 规则 的 变量 )， 右 边 表达 式 可 以 是 常量 、 变 量 、 表 达 式 ， 如 b=a+5 是 将 a+5 的 
值 赋 给 变量 b。 

如 果 左 、 右 的 数据 类 型 不 一 致 ， 则 需要 先 对 右边 表达 式 进 行 强制 转换 才 可 以 赋值 ， 否 
则 编译 出 错 。 若 在 赋值 操作 符 “=” 前 加 上 一 个 单 运 算 符 ， 则 构成 扩展 赋值 运算 符 ， 如 表 7-6 
所 示 。 


表 7-6 ”赋值 运算 符 


(3) 关系 运算 符 
关系 运算 符 是 用 来 对 两 个 操作 数 进行 比较 的 。 关 系 表 达 式 就 是 用 关系 运算 符 将 两 个 表 
达 式 连接 起 来 的 一 种 操作 ， 其 运算 结果 为 布尔 逻辑 值 。 例 如 ， 假 设 A=4，B=5， 则 表 7-7 包 
括 了 所 有 的 关系 运算 符 。 
表 7-7 关系 运算 符 


需要 注意 的 是 ， 关 系 运 算 符 “一 ”和 赋值 运算 符 “=” 很 容易 混淆 ， 编 程 人 员 经 常 犯 的 
错误 之 一 就 是 在 比较 是 否 相 同时 少 写 了 一 个 “=”， 结 果 就 成 了 赋值 运算 符 ， 这 种 逻辑 错误 
可 能 会 浪费 大 量 的 时 间 。 一 种 有 效 的 解决 办 法 就 是 : 在 进行 比较 时 ， 将 常量 放 在 左边 ， 如 
“2 一 a”， 这 样 如 果 少 写 了 一 个 “=”， 就 违背 了 赋值 运算 符 左 侧 必须 是 变量 的 规则 ， 就 会 导 
致 编译 出 错 ， 容 易 排查 错误 。 

(4) 逻辑 运算 符 

逻辑 运算 符 只 能 处 理 布尔 型 的 数据 ,其 结果 也 是 布尔 值 。 例 如 ,假设 A、B 均 为 波 尔 类 
型 值 ， 则 表 7-8 列 出 了 所 有 的 逻辑 运算 符 。 
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表 7-8 ”逻辑 运算 符 


例子 解释 
逻辑 与 当 A、B 均 为 true 时 ， 为 true， 否 则 为 false 
逻辑 或 当 A、B 均 为 false 时 ， 为 false， 否 则 为 true 
快速 逻辑 与 当 A 为 false 时 ， 为 false， 否 则 为 B 
快速 逻辑 或 当 人 A 为 true 时 ， 为 true， 否 则 为 B 
逻辑 非 ! 当 B 为 false 时 ， 为 true， 否 则 为 false 
逻辑 异 或 当 A、B 不 同时 ， 为 true， 否 则 为 false 


A 注意 : 快速 逻辑 与 、 或 在 一 些 情况 下 不 需要 对 B 进行 运算 ， 而 逻辑 与 、 或 则 必须 将 A、 
B 全 部 运算 才能 得 出 结果 。 
(5) 位 运算 符 
位 运算 符 只 对 二 进 制 数据 进行 操作 ， 分 为 逻辑 位 运算 和 位 移 运算 符 两 类 。 例 如 ， 假 设 
Op、Op1、Op2 为 一 些 数 据 (可 以 是 int、char、long 等 )， 则 表 7-9 列 出 了 所 有 的 位 操作 符 。 


表 7-9 位 操作 符 
运 算 符 含 义 例子 解释 
按 位 取 反 | op | 对 Op 按 位 取 反 
& 按 位 与 使 Opl 和 Op2 按 位 与 
按 位 或 使 Opl 和 Op2 按 位 或 
^ 按 位 异 或 使 Op1 和 Op2 按 位 异 或 
>> 按 位 右 移 使 Op1 右 移 Op2 
要 按 位 左 移 使 Opl 左 移 Op2 
>>> 无 符号 右 移 使 Opl 无 符号 右 移 Op2 


逻辑 与 “&” 和 逻辑 或 “|” 与 位 操作 符 的 按 位 与 “&&” 和 按 位 或 “|” 很 容易 混淆 ， 它 

们 的 最 大 区 别 在 于 左右 两 侧 的 数据 类 型 不 相同 ， 风 辑 与 、 或 的 两 侧 只 能 是 布尔 逻辑 值 。 
(6) 条 件 运 算 符 

条 件 运 算 符 是 唯一 的 三 元 运算 符 ， 格 式 如 下 : 

Expression?statement]: statement 2 

表达 式 Expression 的 结果 应 为 布尔 型 。 以 上 语句 的 解释 为 : 如 果 Expression 的 结果 是 
true， 则 执行 语句 statement1， 否 则 执行 语句 statement2。 其 中 statementl 和 statement2 必须 
有 相同 的 返回 值 数据 类 型 ， 并 且 该 数据 类 型 必须 有 返回 值 。 下 面 是 一 个 条 件 运算 符 的 例子 : 

int A=4,B=3; 

String C; 

C=(A==B)?"A and B are same":"A and B are different"; 

System.out.println(C); 


其 结果 为 A and B are different。 
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(7) 运算 符 的 优先 级 


任意 一 个 表达 式 可 能 存在 多 个 运算 符 ， 优 先 级 高 的 先 运算 因此 运算 符 的 优先 级 就 显得 
十 分 重要 。Java 语言 的 运算 符 优先 级 如 表 7-10 所 示 。 
表 7-10 运算 符 的 优先 级 
优 先 级 运算 符 类 型 操 作 符 
高 一 元 操作 符 +、-、++、 一 (+、- 表 示 正 、 负 ) 
算术 操作 符 +、-、*、/、%、<<、>> 
关系 操作 符 >、<、> 汪 、<=、!=、= 
逻辑 操作 符 &&、 | RK | ^ 
三 元 操作 符 A>B?X:Y 
低 赋值 操作 符 = 
9. 数组 与 字符 串 


数组 是 可 以 存储 多 个 数据 的 数据 结构 ， 是 数目 固定 、 类 型 相同 的 若干 个 变量 的 有 序 集 
合 ， 其 类 型 可 以 是 整 型 数组 、 字 符 串 数组 等 。 数 组 可 以 是 一 维 或 多 维 数组 。 
1) 数组 
(1) 一 维 数组 的 定义 及 使 用 
格式 如 下 : 
类 型 说 明 符 数组 名 [] 或 类 型 说 明 符 [] 数组 名 ; 
例如 : 
int a[]; 
String []b; 
数组 定义 完毕 后 ， 还 必须 使 用 new 关键 字 为 数组 分 配 了 空间 后 才能 使 用 ， 如 “:a=new 
int[12];b=new String[20]”。 此外， 在 定义 数组 的 同时 也 可 以 对 其 进行 分 配 空间 ， 如 “String 
[Jb=new String[20]; ”。 
(2) 二 维 数组 的 定义 及 使 用 
格式 如 下 : 
类 型 说 明 符 数组 名 [][] 或 类 型 说 明 符 [][] 数组 名 ; 
例如 : 


int a[]0; 
String []0b; 


定义 二 维 数组 后 ， 还 必须 使 用 new 关键 字 为 数组 分 配 了 空间 后 才能 使 用 ， 例 如 : 


a=new int[12][13]; 
b=new String[20][5]; 


在 定义 数组 的 同时 也 可 以 对 其 进行 分 配 空间 ， 例 如 : 
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String []0b=new String[20][5]; 


2) 字符 串 
Java 提供 了 两 个 字符 串 类 ， 即 String 类 和 StringBuffer 类 。 字 符 串 是 作为 String 对 象 来 
进行 处 理 的， 在 字符 串 对 象 中 封装 了 一 些 类 的 方法 和 属性 来 进行 字符 串 处 理 ， 这 极 大 地 方 
便 了 程序 的 编写 ， 提 高 了 工作 效率 。 下 面 介绍 一 些 String 类 的 常用 方法 。 
(1) 字符 串 的 声明 
字符 串 是 用 双 引 号 括 起 来 的 一 些 Java 合法 的 字符 。 声 明 方法 为 : 


String s; s="Hello,World!"; 
也 可 以 使 用 new String() 方 法 给 字符 串 变 量 赋值 。 例 如 : 
String s=new String("Hello,World™"); 


(2) 字符 串 的 比较 
常用 的 字符 串 比 较 的 方法 有 equals()、equalsIgnoreCase()、startsWith()、endsWith()、 
regionMatches()、compareTo()、compareToTgnoreCase() 等 。 
@ equals 方法 
equals 方法 的 定义 如 下 : 
Public Boolean equals(String s) 
此 方法 用 来 比较 当前 字符 串 对 象 的 实体 是 否 与 指定 的 字符 串 s 实体 相同 。 例 如 : 


String a=new String("| like blue"); 
String b=new String("| like blue"); 
System.out.println("a equals b="+a.equals(b));// 其 结果 是 "a equals b=true”。 


@ equalsIgnoreCase 方法 

equalsIgnoreCase 方法 的 定义 如 下 : 

Public Boolean equalsIgnoreCase (String s) 

此 方法 用 来 比较 当前 字符 串 对 象 的 实体 是 否 与 指定 的 字符 串 s 实体 相同 , 比较 时 忽略 大 
小 写 。 例 如 : 

String a=new String("| like blue"); 


String b=new String("| Like BLUE"); 
System.out.printin("a equals b="+a. equalslgnoreCase (b));// 其 结果 是 “a equals b=true”。 


G@) startsWith 方法 

startsWith 方法 的 定义 如 下 : 

Public Boolean startsWith (String s) 

此 方法 用 来 判断 当前 字符 串 对 象 的 前 级 是 否 是 参数 指定 的 字符 串 s。 例 如 : 


String a=new String("WelcomeToChina!"); 
System.out.println("a 的 前 缀 是 Welcome 是 :"+a. startsWith("Welcome"));// 其 结果 是 “a 的 前 缀 是 
/Welcome 是 :true” 
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@ endsWith 方法 

endsWith 方法 的 定义 如 下 : 

Public Boolean endsWith (String s) 

此 方法 用 来 判断 当前 字符 串 对 象 的 后 组 是 否 是 参数 指定 的 字符 串 s。 例 如 : 


String a=new String("Welcome ToChina!"); 

System.out.println("a 的 后 缀 是 China 是 :"+a. endsWith ("China"));// 其 结果 是 “a 的 后 缀 是 China 
// 是 :false”， 因 为 还 有 个 感叹 号 

@@ regionMatches 方法 

regionMatches 方法 的 定义 如 下 : 

Public Boolean region Matches (int firstStart, String other,int otherStart,int length) 
或 

Public Boolean region Matches (Bolean ignoreCase,int firstStart,String other,int otherStart,int 
length) 

此 方法 用 来 判断 从 当前 字符 串 的 firstStart 指定 的 位 置 开始 ， 取 长 度 为 length 的 一 个 子 
串 ， 并 将 这 个 子 串 和 参数 字符 串 other 指定 的 一 个 子 串 进 行 比较 。 其 中 other 指定 的 子 串 是 
从 参数 otherStart 指定 的 位 置 开 始 ， 从 other 中 取 长 度 为 length 的 一 个 子 串 。 如 果 两 个 子 串 
相同 就 返回 tue， 和 否则 返回 false。 字 符 串 的 位 置 从 0 开始 。 例 如 : 


String other=new String("WelcomeToChinal' ); 

String me=new String("Welcom"); 

System.out.println("WelcomeTochinal 的 第 2+1-----2+1+4 个 字符 是 Ilcom 是 :"+me.regionMatches 
(2,0ther,2,4)); 

/结果 是 :“WelcomeTochinal! 的 第 2+1-----2+1+4 个 字符 是 Icom 是 :true” 

/由 于 参数 过 多 ， 请 仔细 体会 

/对 于 第 二 种 定义 ， 又 增加 了 一 个 是 否 忽略 大 小 写 的 选项 ， 默 认 false。 


@ compareTo 和 compareToIgnoreCase 方法 
compareTo 和 compareToIgnoreCase 方法 的 定义 如 下 : 
Public int compareTo (String s) 
Public int compareToIgnoreCase (String s) 
compareTo 方法 按照 字典 顺序 与 参数 s 指定 的 字符 串 进行 比较 。 如 果 当 前 字符 串 与 s 相 
同 ， 则 返回 0， 如 果 当 前 字符 串 对 象 大 于 s， 则 返回 正 值 ， 如 果 当 前 字符 串 对 象 小 于 s， 则 
返回 负 值 。compareToIgnoreCase 方法 忽略 大 小 写 ， 其 他 和 compareTo 方法 一 致 。 例 如 : 
String aa=new String("abcd"); 
String bb=new String("Abc"); 
System.out.println(aa.compareTolgnoreCase(bb));// 整 数 代表 大 于 ， 负 数 代表 小 于 ，0 代表 等 于 。 
// 结 果 为 1 
(3) 字符 串 的 检索 
检索 指定 字符 或 字符 串 在 字符 串 中 出 现 的 位 置 。 
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声明 格式 如 下 : 

Public int indexOf(int n); 

Public int indexOf(int n,int formindex); 
Public int indexOf(String s); 

Public int indexOf(String s,int formindex); 


以 上 4 个 方法 用 于 在 字符 串 中 定位 指定 的 字符 和 字符 串 , 并 且 可 指定 formindex 来 指定 


匹配 的 起 始 位 置 。 如 果 没 有 检测 到 字符 或 字符 串 ， 返 回 值 为 -1。 例 如 : 


String s1=new String("| have a dream!"); 

int i;/ii 可 用 System.out.println 方法 打印 到 屏幕 
i=s1.indexOf('e');// i=5 

i=s1.indexOf('e',9);// i=11 
i=s1.indexOf("have");// i=2 
i=s1.indexOf("have",1);// i=1 


类 似 的 还 有 lastIndexOf 方法 ， 其 用 法 和 indexOf 一 样 ， 但 是 返回 值 是 提供 最 后 一 个 字 


符 或 字符 串 的 定位 位 置 。 例 如 : 


或 


i=s1. lastiIndexOf ("e",1);//i=11 


(4) 字符 串 的 截取 
在 字符 串 中 截取 子 字符 串 ， 声 明 格式 如 下 : 
Public String substring(int startPos) 


Public String substring(int startPos,endPos) 


该 方法 获得 一 个 当前 字符 串 的 子 字符 串 , 该 子 字符 串 是 从 当前 字符 串 的 startPos 位 置 开 


始 截 取 到 最 后 所 得 到 的 子 串 ， 第 二 种 定义 还 可 以 指定 结束 位 置 。 例 如 : 


String str=new String("If you're tired, take a break!"); 
System.out.println(str.substring(4,5));// 小 写字 母 o 


(5) 字符 串 的 替换 
在 字符 串 中 替换 指定 的 字符 串 ， 声 明 格 式 如 下 : 
public String replace(String oldChar, String newChar); 
public String replaceAll(String regex, String replacement); 


该 方法 将 获得 在 字符 串 中 用 参数 oldChar 指 定 的 字符 替换 由 参数 newChar 指 定 的 所 有 字 


符 而 得 到 的 字符 串 。 而 replaceAll 方法 的 作用 是 : 使 用 给 定 的 replacement 字符 串 替换 此 字 
符 串 匹配 给 定 的 正则 表达 式 的 每 个 子 字符 串 。 例 如 : 


String str=new String("If you're tired, take a break!"); 
System.out.printIn(str.replace("you're","I'm"));// 结 果 为 flm tired, take a break! 


replaceAll 方法 支持 正则 表达 式 ， 使 其 很 强大 ， 但 是 正则 表达 式 需要 专门 进行 学 习 。 其 
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用 法 和 replace 方法 相同 ，replaceAll 可 完全 替代 replace 方法 。 
(6) 字符 串 的 去 除 头 尾部 空格 
在 字符 串 中 截取 空格 ， 声 明 格 式 如 下 : 
Public String trim(); 
该 方法 得 到 一 个 字符 串 对 象 ， 该 对 象 是 指定 去 掉 前 后 空格 的 字符 串 ， 例 如 : 


String strx=new String(" lamalone |! "); 
System.out.println(strx.trim());// 其 结果 为 “1 am alone !” 


(7) 字符 串 大 小 写 相 互 转换 

字符 串 大 小 写 转换 方法 的 声明 格式 如 下 : 

Public String toUpperCase(); 

Public String toLowerCase(); 

该 方法 并 不 会 更 改 原 字符 串 对 象 ， 例 如 : 
String str=new String("| Love Swimming!"); 
System.out.printIn(str.toLowerCase());// 全 部 小 写字 母 
System.out.printIn(str.toUpperCase());// 全 部 大 写字 母 
// 结 果 为 : 
liilove swimming! 

ll LOVE SWIMMING! 


(8) 字符 串 和 字符 串 数组 的 相互 转换 

字符 串 对 象 转 换 为 字符 串 数 组 的 声明 格式 如 下 : 
Public char[] toCharArray(); 

该 方法 可 将 一 个 字符 串 转换 为 字符 串 数组 。 例 如 : 
String h=new String("hello"); 
char[]charArray=h.toCharArray(); 

for(int i=0;i<=h.length();i++) 
System.out.printf("%ce\n",charArray[i]);//i=0~4 


10. 语句 


每 种 程序 语言 都 是 由 语句 构成 的 ， 即 语句 是 构成 程序 的 基本 结构 单位 。 语 句 提供 对 程 
序 流程 的 控制 。 在 Java 语言 中 ， 语 句 以 分 号 结尾 ， 但 语句 块 或 语句 块 结尾 的 语句 则 不 需要 
用 分 号 结尾 。Java 是 通过 控制 语句 来 控制 程序 的 执行 的 。Java 控制 语句 分 为 条 件 语句 、 循 
环 语句 和 跳 转 语句 等 。 

1) 条 件 语句 

条 件 语 句 允 许 程序 在 运行 过 程 中 根据 其 状态 控制 语句 的 执行 过 程 ， 即 控制 执行 满足 某 
些 条 件 的 语句 。 条 件 语 句 包括 以 下 几 种 。 

(1) 证 语句 

让 语句 格式 如 下 : 
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这 条 件 表达 式 ){ 
语句 1; 
} 
else{ 


程序 先 计算 条 件 表达 式 的 值 ， 如 果 条 件 值 为 tue， 就 执行 语句 1; 否则 执行 语句 2。 
(2) switch 语句 
switch 语句 的 格式 如 下 : 
switch < 表达 式 >{ 
case < 值 1>:< 语 句 1>; 
break; 
case < 值 2>:< 语 句 2>; 
break; 


case < 值 n>:< 语 句 n>; 
break; 
default:< 语 句 n+l1; 
} 
switch 语句 是 多 路 分 支 语句 , 它 提供 了 一 种 基于 表达 式 的 值 来 使 程序 执行 不 同 部 分 的 简 
单方 法 。 在 实现 具有 多 重 分 支 的 选择 时 ， 即 可 以 使 用 让 语句 ， 也 可 以 使 用 switch 语句 ， 如 
果 使 用 if 语句 则 会 出 现 较 多 的 嵌 套 层次 ， 程 序 结构 不 清晰 ， 可 读 性 差 。 因 此 多 分 支 选择 一 
般 使 用 switch 语句 ， 并 使 程序 可 读 性 好 。 
2) 循环 语句 
循环 语句 的 作用 就 是 重复 执行 某 一 段 程 序 代码 ， 直 到 满意 一 定 的 条 件 为 止 。 循 环 语句 
由 循环 初始 状态 、 循 环 体 、 条 件 表达 式 和 控制 表达 式 4 部 分 组 成 。 在 Java 中 有 3 种 循环 控 
制 语 句 ， 分 别 为 while 语句 、do-while 语句 和 for 语句 。 
(1) while 语句 的 格式 如 下 : 
while( 条 件 表 达 式 ){ 
循环 体 ; 
了 
当 条 件 表达 式 为 true 时 执行 循环 体 语句 ， 直 到 条 件 表 达 式 为 false 才 退 出 循环 ， 如 果 条 
件 表 达 式 是 1 或 者 tue， 则 执行 死 循环 ， 直 到 循环 语句 中 执行 了 break 语句 才 停止 循环 。 
(2) do-while 语句 
do-while 语句 和 while 语句 很 相似 ， 其 格式 如 下 : 


第 7 章 基于 JSP 的 服务 器 端 程 序 设计 各 


dof 
循环 体 ; 
} while( 条 件 表达 式 ); 
do-while 语句 和 while 语句 的 最 大 区 别 在 于 : 在 条 件 表达 式 为 false 的 情况 下 ，do-while 
最 少 执行 一 次 循环 体 ， 而 while 一 次 也 不 执行 。 
(3) for 语句 
for 语 句 是 使 用 灵活 、 功 能 强大 的 循环 语句 ， 它 的 使 用 频率 很 高 。for 语句 的 格式 如 下 : 
for( 初 始 化 部 分 ;条 件 判断 部 分 ;迭代 子 部 分 ){ 
循环 体 ; 
} 
初始 化 部 分 用 于 设置 循环 变量 的 初始 值 ; 条 件 判 断 部 分 可 以 是 任意 形式 的 布尔 表达 
式 ; 迭代 子 部 分 用 于 更 新 循环 条 件 。for 语句 的 执行 过 程 是 ， 当 循环 启动 ， 先 执行 一 次 ( 仅 
这 一 次 ) 初始 化 部 分 ， 再 判断 条 件 判断 部 分 ， 如 果 是 色 lse， 则 跳出 for 循环 ，for 循环 完毕 ; 
如 果 判 断 部 分 是 true， 则 执行 循环 体 ， 然 后 执行 迭代 子 部 分 ， 再 判断 条 件 判断 部 分 ， 依 次 
循环 。 


< 注意 : for 关键 词 后 的 括号 “()” 中 只 能 有 两 个 分 号 “;”。 如 果 和 初始 化 部 分 等 价 的 语 
句 ， 在 for 语 句 前 就 执行 了 ， 则 初始 化 部 分 可 省 略 ， 但 是 分 号 必须 保留 ; 如 果 迭 
代 子 部 分 等 价 语句 在 循环 体内 部 ， 则 和 迭代 子 部 分 可 省 略 ; 如 果 条 件 判断 部 分 为 空 
语句 ， 即 只 有 一 个 分 号 “;”， 则 for 语句 进行 死 循 环 ， 直 到 循环 体 有 break 或 者 
其 他 跳出 循环 的 语句 为 止 。 


3) 跳 转 语句 
跳 转 语句 是 将 程序 的 执行 跳 转 到 程序 的 其 他 部 分 。Java 提供 了 3 种 形式 的 跳 转 语句 : 
return 语句 、break 语句 和 continue 语句 。 这 些 语 句 在 使 用 上 都 有 一 定 的 限制 ， 而 不 能 跳 转 
到 程序 的 任何 位 置 。 
(1) return 语句 
return 语句 用 来 使 程序 从 当前 的 方法 中 退出 , 返回 到 调用 该 方法 的 语句 继续 执行 。return 
语句 的 格式 如 下 : 
return < 表达 式 >; 
其 中 retum 语句 可 以 带 返回 值 ， 也 可 以 不 带 。 如 果 使 用 return 语句 返回 一 个 值 ， 其 必须 
和 该 方法 声明 的 类 型 一 致 。 
(2) break 语句 
break 语句 用 于 终止 当前 执行 的 循环 。break 语句 的 主要 用 途 有 3 个 方面 : 用 于 switch 
语句 中 终止 语句 的 执行 ， 用 于 循环 语句 中 ， 退 出 循环 ) 用 于 标签 中 断 ， 程 序 跳 转 到 指定 标 
签 声 明 中 的 语句 块 。break 语句 的 格式 如 下 : 
break < 标号 >; 
一 般 用 法 是 直接 使 用 break， 而 不 加 标号 。 可 以 使 用 break 语句 强制 退出 循环 ， 忽 略 循 
环 体 中 的 任何 其 他 语句 和 循环 条 件 。 在 使 用 时 应 当 注意 的 是 ,在 一 系列 嵌 套 循环 中 使 用 break 
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语句 时 ， 它 将 仅 影响 最 里 面 的 循环 。 
(3) continue 语句 
continue 语句 只 能 用 在 循环 语句 中 ， 其 作用 是 结束 本 次 循环 ， 继 续 执 行 下 一 次 循环 。 
continue 语句 的 格式 如 下 : 
continue< 标 号 >; 
通常 使 用 continue 语句 不 带 标 号 , 用 于 结束 本 次 循环 。 注意 continue 语句 只 能 用 在 循环 
语句 中 ， 其 作用 是 结束 本 次 循环 ， 继 续 执 行 下 一 次 循环 。 


11. 类 和 对 象 


在 面向 对 象 编程 技术 出 现 之 前 ， 计 算 机 编程 是 面向 过 程 的 编程 。 随 着 计算 机 技术 的 发 
展 ， 出 现 了 面 对 对 象 的 编程 语言 。Java 就 是 一 种 完全 面向 对 象 的 语言 ， 它 支持 类 和 对 象 的 
概念 ， 自 然 就 支持 面 对 对 象 的 一 些 重要 技术 ， 如 抽象 、 封 装 、 继 承 和 多 态 等 。 
(1) 面向 对 象 的 概念 
所 谓 对 象 ， 就 是 独立 存在 于 世界 中 的 每 个 实体 ， 即 现实 世界 的 每 一 个 实体 都 是 一 个 具 
体 的 对 象 ， 如 某 一 个 篮球 、 某 一 个 DVD 播放 机 、 某 一 幢 房 子 、 某 一 个 苹果 等 。 
所 谓 类 ， 就 是 对 一 组 具有 共同 特性 的 对 象 的 抽象 , 如 篮球 、DVD 播放 机 、 房 子 、 苹 果 等 。 
(2) 类 的 定义 
类 是 对 象 的 定义 ， 对 象 是 类 的 实体 。 类 是 Java 语言 的 重要 成 分 ， 学 习 Java 语言 很 重要 
的 内 容 就 是 学 习 和 使 用 Java 中 的 类 ， 通 过 创建 类 的 对 象 并 对 其 执行 相应 的 操作 来 实现 各 种 
复杂 的 功能 和 要 求 。 类 定义 的 主要 内 容 是 类 的 成 员 变量 和 成 员 函 数 两 部 分 。 成 员 变量 定义 
体现 了 对 这 类 对 象 属性 的 抽象 ， 成 员 方法 定义 体现 了 对 这 类 对 象 行为 的 抽象 。 所 有 的 成 员 
变量 和 方法 定义 都 包含 在 花 括 号 中 。 
类 定义 格式 如 下 : 
[修饰 符 ] class 类 名 [extends 超 类 名 ] [implements 接口 名 列表 ] 
{ 
[< 成 员 变量 >]… 
[< 静态 初始 化 >]… 
[< 构造 方法 >]… 
[< 自 定义 方法 >]… 
} 
其 中 ， 类 修饰 符 用 于 说 明 类 的 属性 ， 包 括 public、abstract 和 final 3 种 。 一 个 类 可 以 被 
多 个 类 修饰 符 修饰 ， 且 修饰 符 的 排列 次 序 无 关 紧 要 ， 但 不 能 有 相同 的 修饰 符 。3 种 修饰 符 的 
含义 如 下 。 
@ public: 表示 该 类 为 公有 类 ， 任 何其 他 包 中 的 类 都 可 以 访问 它 ， 没 有 此 修饰 符 的 类 
只 能 被 同一 个 包 内 的 类 访问 。 
@ abstract: 表示 该 类 为 抽象 类 ， 抽 象 类 中 包含 着 一 个 或 者 几 个 没有 实现 的 抽象 方法 ， 
所 以 无 法 创建 抽象 类 的 实例 。 如 果 其 子 类 不 是 抽象 类 ， 那 么 这 个 子 类 必须 实现 该 
抽象 类 的 所 有 声明 的 所 有 的 方法 。 
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@ final: 表示 该 类 为 最 终 类 ， 最 终 类 不 能 有 子 类 。 


类 定义 中 class 关键 字 后 为 类 名 。 为 了 使 类 名 和 一 般 的 成 员 变量 和 对 象 有 所 区 别 ， 通 常 
第 一 个 字母 用 大 写字 母 表示 。 
类 定义 中 extends〈 继 承 ) 关键 字 用 来 表明 新 创建 的 类 继承 于 某 一 个 类 ， 被 继承 的 类 被 
称 为 超 类 ， 也 称 作 父 类 。 一 个 类 只 能 继承 一 个 超 类 。 


类 定义 中 implements〈 实 现 ) 关键 字 用 来 表明 这 个 类 所 实现 的 接口 。 


在 类 定义 中 用 花 括 号 括 起 来 的 是 类 的 类 体 ， 在 类 体 中 定义 成 员 变 量 、 成 员 方 法 、 构 造 
方法 和 初始 化 成 员 变 量 等 。 
例 7.2 类 定义 示例 。 


Ar 


*Filename:ClassDemo.java 
*@author 


哩 


public class ClassDemo{ 


} 


int valuei; 

String values; 

void setValuei(int i}{ 
valuei=i; 

} 

void setValues(String s\{ 
values=s; 

} 

void display(){ 
System.out.printin("valuei="+valuei+",values="+values); 

} 

public static void main(String[jargc)f{ 
ClassDemo iDemo1=new ClassDemo(); 
iDemo1.setValuei(20); 
iDemo1.setValues("Hello, World"); 
iDemo1.display(); 

站 


(3) 类 的 成 员 组 成 
一 个 类 定义 中 可 以 有 以 下 3 种 类 型 的 成 员 。 
变量 : 通常 类 中 声明 的 变量 称 为 域 ， 用 来 描述 类 的 属性 或 状态 。 一 个 类 中 的 变量 


既 可 以 是 基本 数据 类 型 ， 也 可 以 是 其 他 类 的 对 象 。 


方法 : 方法 是 对 类 中 的 变量 进行 操作 的 可 以 执行 的 程序 代码 序列 ， 定 义 了 该 类 对 


象 所 具有 的 行为 。 
内 部 类 : 定义 在 一 个 类 中 的 类 。 


(4) 变量 的 使 用 和 访问 
类 中 的 变量 可 分 为 局 部 变量 和 成 员 变 量 两 大 类 。 局 部 变量 是 指 在 方法 内 部 声明 的 变量 ， 
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其 作用 域 是 从 声明 处 开始 至 它 所 在 的 语句 结束 。 每 当 方 法 被 调用 时 局 部 变量 建立 ， 在 方法 
结束 时 释放 。 局 部 变量 在 建立 时 不 会 赋予 初始 值 ， 所 以 在 使 用 之 前 要 对 其 赋值 。 成 员 变 量 
是 指 类 体 中 但 在 方法 体外 声明 的 变量 ， 其 作用 域 是 整个 类 。 相 对 于 局 部 变量 而 言 ， 成 员 变 
量 是 类 的 全 部 变量 。 

(5) 变量 的 声明 

变量 在 使 用 前 必须 进行 声明 ， 声 明 变量 的 格式 如 下 : 

[< 修饰 符 >] [< 类 型 名 >] [< 变量 名 >] [=< 初 始 化 表达 式 >]; 

修饰 符 包括 public、private、static 和 final 等 。 修饰 局 部 变量 的 修饰 符 只 有 final。 由 static 
修饰 的 变量 称 为 静态 变量 ， 静 态 变 量 也 称 为 类 变量 ， 而 非 静 态 变量 又 称 为 实例 变量 。 

用 final 修饰 的 变量 称 为 有 名 常量 ， 与 一 般 常量 不 同 ， 有 名 常量 必须 赋值 且 只 能 赋值 一 
次 ， 之 后 其 值 就 不 能 再 改变 。 通 常 可 以 在 定义 一 个 有 名 常量 时 包括 一 个 初始 化 表达 式 ， 表 
达 式 的 值 在 初始 化 时 被 赋 给 有 名 常量 。 由 final 修饰 的 变量 既 可 以 是 成 员 变量 也 可 以 是 局 部 
变量 。 成 员 变量 既 可 以 是 类 变量 ， 也 可 以 是 实例 变量 。 

当 一 个 变量 用 static 修饰 后 , 它 就 不 属于 任何 一 个 类 的 具体 对 象 , 而 是 被 所 有 对 象 共享 。 
由 于 静态 变量 属于 整个 类 ， 所 以 可 以 通过 类 名 作为 前 级 访问 它 。 

(6) 变量 的 使 用 

在 一 个 类 中 可 以 访问 另 一 个 类 的 变量 或 方法 。 类 变量 的 访问 格式 如 下 : 

类 名 .变量 (或 者 方法 ) 

如 果 创 建 了 某 个 类 的 具体 对 象 后 ， 可 以 通过 类 名 或 对 象 名 作为 前 缀 访问 静 态 变量 。 类 
对 象 的 访问 格式 如 下 : 

对 象 名 .变量 (或 者 方法 ) 

(7) 变量 的 初始 化 

当 声 明 变 量 时 ， 可 以 通过 常量 、 表 达 式 或 有 返回 值 方法 的 调用 给 它们 赋值 ， 完 成 域 的 
初始 化 ， 但 类 型 必须 正确 ， 也 可 以 在 声明 时 ， 不 给 初始 化 值 ， 而 在 创建 类 的 对 象 时 通过 带 
有 参数 的 构造 方法 给 它们 赋值 。 

通常 ， 可 以 在 类 中 定义 一 个 没有 参数 的 构造 方法 ， 构 造 方法 中 可 以 没有 任何 赋值 语句 ， 
创建 对 象 时 调用 这 个 空 的 构造 方法 也 将 把 类 的 变量 初始 化 该 类 的 默认 值 ， 例 如 ， 整 数 初始 
化 为 0， 实 数 型 初始 化 为 0.0f、0.0d; 逻辑 型 初始 化 为 false; 字符 型 初始 化 为 \u0000; 类 对 
象 初始 化 为 null， 表 明 引 用 不 指向 任何 内 存 地 址 。 

(8) 声明 其 他 类 对 和 象 作为 类 变量 

类 的 变量 可 以 是 基本 数据 类 型 ， 也 可 以 是 其 他 类 的 对 和 象 。 如 果 一 个 类 定义 中 包含 了 另 
一 个 实例 ， 表 示 这 个 类 实例 具有 对 另 一 个 实例 对 象 的 引用 。 


12. 方法 的 使 用 和 访问 


如 果 程 序 中 经 常用 到 某 些 完成 相同 功能 的 代码 时 ， 就 可 以 把 这 样 的 代码 段 定义 为 一 个 
函数 ， 即 方法 ， 需 要 实现 代码 段 的 功能 时 就 可 以 调用 这 个 方法 。 通 过 定义 方法 既 可 以 减少 
程序 的 代码 量 ， 又 可 以 提高 程序 的 模块 化 程度 。 
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(1) 方法 的 声明 
对 象 具有 状态 和 行为 。 对 象 的 状态 由 类 定义 中 的 数据 成 员 来 表示 ， 对 象 的 行为 就 由 类 
定义 中 的 方法 来 描述 ， 通 过 调用 对 象 方法 返回 对 象 的 状态 。 
方法 定义 的 格式 如 下 : 
[< 修饰 符 >] < 返回 类 型 > < 方法 名 > [< 参数 1, 参 数 2,.….>] 
方法 体 
} 
修饰 符 包括 public、private、protected、static、final、abstract、native、synchronized 等 。 
@ 由 static 修饰 的 方法 是 静态 方法 ， 又 称 为 类 方法 ， 而 不 是 实例 的 方法 。 类 方法 可 直 
接 通 过 类 名 直接 调用 ， 而 无 须 创建 类 实例 ， 正 因为 如 此 ， 在 类 方法 中 不 能 访问 类 
中 的 实例 变量 ， 也 不 能 访问 类 中 的 实例 方法 ， 只 能 用 类 方法 调用 类 变量 。 
@ 用 final 修饰 的 方法 是 最 终 方法 ， 最 终 方法 不 能 在 子 类 中 被 覆盖 。 将 一 个 方法 标识 
为 final 的 目的 是 为 了 防止 子 类 重新 定义 继承 自 父 类 的 方法 。 
@ 用 abstract 修饰 的 方法 是 抽象 方法 ， 抽 象 方法 只 提供 一 个 声明 ， 而 不 提供 方法 的 实 
现 ， 即 抽象 方法 只 有 方法 声明 ， 而 没有 方法 体 。 注 意 ，abstract 和 final 不 能 同时 修 
饰 一 个 方法 。 
@ 用 native 修饰 的 方法 称 为 本 地 方法 ， 本 地 方法 一 般 由 与 平台 相关 的 程序 设计 语言 
编写 。 
@ ”用 synchronized 修饰 的 方法 称 为 同步 方法 ， 用 于 确保 多 线程 之 间 的 同步 。 
方法 既 可 以 有 返回 类 型 ， 也 可 以 用 关键 字 void 指明 该 方法 没有 返回 值 。 如 果 返 回 值 类 
型 不 是 void, 则 方法 体 中 应 该 包含 return 语句 , 且 必 须 带 有 表达 式 ; 如 果 返 回 值 类 型 是 void， 
则 方法 体 中 可 以 有 retum 语句 ， 也 可 以 没有 ， 而 且 retum 不 能 有 表达 式 。 另 外 ，return 语句 
必须 和 返回 值 类 型 相同 。 
(2) 方法 的 调用 
调用 方法 时 ， 在 类 体 中 可 以 直接 调用 ， 如 果 在 类 体外 ， 可 以 通过 创建 类 对 象 引 用 对 象 
名 调用 类 方法 。 
方法 调用 时 ， 实 参 的 数目 要 与 形 参 的 数目 相同 ， 实 参 的 数据 类 型 要 与 形 参 的 数据 类 型 
赋值 相 匹 配 。 
成 员 变量 和 方法 的 作用 域 是 整个 类 ， 在 类 体内 成 员 变量 的 初始 表达 式 中 可 以 调用 方法 ， 
在 方法 的 代码 体 中 可 以 访问 变量 ， 而 且 不 受 先后 次 序 的 限制 。 
(3) 类 的 构造 方法 
类 的 构造 方法 是 类 的 一 种 特殊 方法 ， 它 没有 返回 值 ， 且 名 称 必 须 和 类 名 称 相同 ， 构 造 
方法 的 参数 用 来 给 类 对 象 的 成 员 变量 赋 初 值 。 
在 有 多 个 构造 方法 的 情况 下 ， 一 个 构造 方法 可 以 调用 所 在 类 中 的 另 一 个 构造 方法 。 
可 以 通过 使 用 类 的 构造 方法 来 创建 对 象 ， 如 前 面 的 多 个 实例 。 构 造 方 法 的 使 用 格式 如 下 : 


a] 
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类 名 对 象 名 =new 构造 方法 ([ 参 数 ]); 
其 中 参数 可 有 可 无 。 


13. 继承 与 多 态 


继承 和 多 态 是 面向 对 象 语言 中 非常 重要 的 两 个 概念 。 

(1) 继承 

继承 是 面向 对 象 技术 的 一 个 大 特点 。 子 类 继承 父 类 之 后 ， 就 拥有 了 父 类 的 所 有 属性 和 
方法 ， 子 类 可 以 覆盖 父 类 的 方法 ， 也 可 以 对 其 进行 重 载 〈 重 载 是 一 个 类 可 以 有 多 个 相同 的 
方法 名 ， 但 是 参数 不 同 的 一 种 特性 )。 开 发 人 员 可 以 根据 自己 的 需要 在 继承 类 中 添加 相应 的 
属性 和 方法 ， 以 完成 类 的 进化 和 升级 。 

例 7.3 继承 定义 示例 。 


// 父 类 
/Parent.java 
public class Parent { 
private String name=null; 


public String getName(){ 
return name; 


public void setName(String s)f{ 
name=s; 
} 
} 
// 子 类 


/l/Children .java 
public class Children extends Parent{ 
public static void main(String[]Jargc{ 
Children i=new Children(); 
Children.setName("LeLe"); 
System.outprintln(Children.GetName()); 
} 
” 


父 类 提供 了 一 个 属性 name， 但 是 无 法 直接 使 用 方法 ， 父 类 提供 了 两 个 方法 可 以 读 取 和 
设置 name。 子 类 又 继承 了 父 类 ， 得 到 了 父 类 的 方法 ， 因 此 可 以 直接 使 用 父 类 的 方法 。 

当 子 类 继承 父 类 时 ， 子 类 的 方法 对 父 类 方法 的 处 理 有 和 覆盖 和 重 载 两 种 。 和 覆盖 是 指 子 类 
的 方法 与 父 类 的 方法 名 、 参 数 以 及 返回 值 完全 一 致 。 重 载 是 指 子 类 的 方法 只 和 父 类 的 方法 
名 相同 ， 其 他 参数 和 返回 值 不 一 致 。 

在 Java 中 , 子 类 只 能 继承 一 个 父 类 , 而 不 能 多 继承 , 但 是 Java 的 类 可 以 实现 多 个 接口 。 
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(2) 多 态 

多 态 是 面向 对 象 技术 的 另 一 个 重要 特征 。 多 态 就 是 对 重 载 和 重 写 的 利用 。 
子 类 ， 意 思 就 是 子 类 重 写 父 类 相同 名 称 的 方法 。 多 态 是 表现 多 种 形态 的 能 
动态 绑 定 ， 主 要 起 消除 类 型 间 耦 合 关 系 的 作用 。 多 态 性 可 以 是 类 的 构造 方法 ， 
员 方 法 ， 其 主要 表现 为 方法 名 称 及 返回 值 相同 ， 但 方法 的 参数 个 数 及 参数 类 型 可 以 不 同 ， 
这 样 就 可 以 针对 不 同 的 情况 ， 来 解决 不 同 的 问题 。 

例 7.4 多 态 定义 示例 。 


区 旺 


[Ey 


l/superA.java 
// 定 义 超 类 superA 
class superA 
{ 
inti = 100; 
void fun(){ 
System.outprintln("This is superA"); 
} 
} 
l/subB.java 
/定义 superA 的 子 类 subB 
class subB extends superA{ 
int m= 1; 
void fun(X{ 
System.out.println("This is subB"); 
} 
} 
lisubC.java 
/定义 superA 的 子 类 subC 
class subC extends superA{ 
intn = 1; 
void fun(){ 
System.out.println("This is subC"); 
》 
和 
/Testjava 
class Test 
public static void main(String[] args)f 
SuperA a; 
subB b = new subB(); 
SubC c = new subC(); 
a=b; 
a.fun(); 
a=C; 
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a.fun(); 
六 
} 


运行 结果 为 : 


This is subB 
This is subC 


上 述 代 码 中 ，subB 和 subC 是 超 类 superA 的 子 类 ， 在 类 Test 中 声明 了 3 个 引用 变量 a、 
b、c， 通 过 将 子 类 对 象 引 用 赋值 给 超 类 对 象 引 用 变量 来 实现 动态 方法 调用 。 为 什么 结果 不 
是 “This is superA” 呢 ? 是 因为 Java 的 这 种 机 制 遵 循 一 个 原则 : 当 超 类 对 象 引 用 变量 引用 
子 类 对 象 时 ， 被 引用 对 象 的 类 型 而 不 是 引用 变量 的 类 型 决定 了 调用 谁 的 成 员 方 法 ， 但 是 这 
个 被 调用 的 方法 必须 是 在 超 类 中 定义 过 的 ， 也 就 是 说 被 子 类 覆盖 的 方法 。 

所 以 ， 不 要 被 例 7.4 中 a.fun0 所 迷惑 ， 虽 然 写 成 a.fun(), 但 是 由 于 a 被 b 赋 值 ， 指 向 了 
子 类 subB 的 一 个 实例 ， 因 而 a.fon() 所 调用 的 fun() 实 际 上 是 子 类 subB 的 成 员 方法 fn0， 它 
覆盖 了 超 类 superA 的 成 员 方 法 fun(); 同样 ， 第 2 个 afun0) 调 用 的 是 子 类 subC 的 成 员 方 法 
fun() 。 

另外 ， 如 果子 类 继承 的 超 类 是 一 个 抽象 类 ， 虽 然 抽 象 类 不 能 通过 new 操作 符 实 例 化 ， 
但 是 可 以 创建 抽象 类 的 对 象 引用 指向 子 类 对 象 ， 以 实现 运行 时 多 态 性 ， 具 体 的 实现 方法 同 
例 7.4。 

不 过 ,抽象 类 的 子 类 必须 覆盖 实现 超 类 中 的 所 有 抽象 方法 ， 否 则 子 类 必须 被 abstract 修 
饰 符 修饰 ， 当 然 也 就 不 能 被 实例 化 了 。 


7.5.2 ”JSP 语法 基础 


JSP 是 一 种 基于 Java 技术 的 Web 开发 语言 。JSP 页 面 与 传统 的 HTML 语言 有 些 类 似 ， 
也 由 一 些 标签 组 成 。 所 不 同 的 是 ， 它 是 在 服务 器 端 动态 生成 Web 页 面 的 技术 。JSP 基本 语 
法 是 基于 Java 语法 基础 的 ， 但 JSP 作为 一 个 动态 网 页 脚本 语言 还 具有 自己 的 语法 规则 ， 如 
JSP 标记 、JSP 注释 的 运用 、JSP 变量 的 声明 和 方法 的 声明 等 。 可 以 将 JSP 看 作 是 Servlet 的 
延续 技术 ， 或 者 这 样 描述 JSP 和 Servlet: Servle 是 含有 HTML 代码 的 Java 程序 ， 而 JSP 是 
含有 Java 代码 的 HTML 程序 。 


1. JSP 页 面 的 基本 结构 


在 传统 的 网 页 中 加 入 Java 程序 片段 和 JSP 标记 就 构成 了 JSP 网 页 。 一 个 JSP 页 面 主要 
由 标记 、 注 释 、 指 令 、 脚 本 元 素 、 动 作 元 素 等 内 容 构成 。JSP 页 面 的 基本 结构 如 下 。 

@ 标记 : HTML 标记 、JSP 标记 。 

@ 注释 : HTML 注释 、JSP 注释 、JSP 隐藏 注释 。 

@ ”指令 : page、include、taglib。 

@ ”脚本 元 素 : 变量 声明 、 方 法 声明 、 表 达 式 。 
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@ ”动作 元 素 : include、usebean、forward、plugin。 
例 7.5 一 个 简单 的 JSP 页 面 示例 。 


<%@page contentType= "text/html;charset=gb2312"language="java”" %> 
<%@page import="java.util.*"%> 
<html> 
<head> 
<title>JSP 简单 页 面 结构 </title> 
</head> 
<body bgcolor="#FFFFFF"> 
这 是 HTML 内 容 
<p/> 
<% 
/这 是 JSP 注释 */ 
%> 
<%lString showDate()// 声 明 方法 
{ 
String currentDate;// 声 明 变量 
currentDate=new Date().toString(); 
return currentDate; 
} 
%> 
<%lint sum;%> 
<% 
sum=0; 
for(int i=1;i<100;i++) 
sum+=i; 
%> 
<!-- 这 是 html 注释 --> 
<p/> 
<font size="3" color="blue> 自 然 数 1 到 100 的 和 为 : <%=sum%></font> 
<p/> 
<font size="3" color="green"> 现 在 的 日 期 时 间 为 : <%=showDate()%></font> 
</body> 
</html> 


第 1 行 “<%@page contentType="text/html;charset=gb2312" language="java" %> ”表示 JSP 
程序 代码 是 以 “<%...%>” 作 为 标记 的 ， 并 且 JSP 以 page 指令 开始 。page 用 来 定义 JSP 文 
件 中 的 全 局 属性 ， 如 设置 JSP 的 中 文 汉字 编码 字符 为 “gb2312”、JSP 编程 语言 为 “Java”。 
第 2 行 “<%@page import="java.util.*"%>” 表 示 导 入 JSP 页 面 程序 代码 所 需要 的 类 。 在 本 有 段 
JSP 代码 中 获取 日 期 时 间 的 方法 Date() 属 于 java.util 类 , 所 以 JSP 页 面 开始 时 要 导入 java.util 
类 , 也 可 以 在 JSP 开始 不 导入 java.util 类 , 而 在 程序 代码 使 用 的 方法 名 前 加 上 该 方法 的 类 名 ， 
效果 相同 。 

在 这 个 JSP 页 面 还 有 JSP 脚本 标记 符 、JSP 注释 、Java 注释 、html 注释 等 ， 其 运行 结果 
如 图 7-40 所 示 。 
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图 7-40 运行 结果 


2. JSP 注释 

在 编写 应 用 程序 代码 时 ， 为 了 提高 程序 的 可 阅读 性 和 易 维 护 性 ， 在 程序 代码 适当 位 置 
增加 一 些 注释 是 非常 有 必要 的 。 

JSP 页 面 程 序 代码 中 的 注释 包含 3 种 类 型 : JSP 隐藏 注释 、HTML 注释 和 Java 注释 。 


JSP 隐藏 注释 : 用 于 描述 JSP 程序 代码 , 在 JSP 程序 代码 中 ， 它 不 会 被 JSP 引擎 出 
力 ， 也 不 会 在 客户 端的 Web 浏览 器 中 显示 。JSP 隐藏 注释 的 格式 如 下 : 
<%-- 注 释文 本 --%> 

HTML 注释 : 主要 用 于 在 客户 端 动态 显示 一 个 注释 信息 ， 即 HTML 注释 可 以 在 浏 
览 器 源 文件 窗口 中 查看 到 。HTML 注释 的 格式 如 下 : 

<!--HTML 注释 文本 --> 

作为 基于 Java 的 脚本 语言 ，JSP 可 以 遵循 Java 语言 本 身 的 注释 规则 对 程序 代码 进 
行 注释 ， 即 使 用 Java 的 3 种 注释 一 一 “// 注 释 内 容 ”“/* 注 释 内 容 */”、“/**JavaDoc 
注释 */”。JSP 页 面 的 Java 注释 不 会 在 客户 端 源 代码 中 显示 一 个 注释 信息 ， 其 格式 
如 下 : 

<% 

// 注 释 内 容 

族 注 释 内 容 */ 

六 本 

*JavaDoc 文档 注释 

*/ 

%> 


3. JSP 变量 、 方 法 和 表达 式 的 使 用 


JSP 作为 基于 Java 的 脚本 语言 ， 可 以 遵循 Java 语言 本 身 的 语法 规则 来 使 用 变量 、 方 法 
和 表达 式 。 单 JSP 作为 一 种 动态 网 页 设计 语言 ， 同 样 有 自己 的 语法 特点 。 

在 JSP 页 面 声明 的 变量 为 局 部 变量 , 只 能 用 于 本 页 面 。JSP 中 的 声明 变量 类 型 可 以 是 基 
于 Java 的 所 有 变量 类 型 ， 其 语法 格式 如 下 : 

<%! 变 量 名 [= 初始 值 ]， 变量 名 [= 初始 值 ].…;%> 

在 JSP 页 面 中 ,方法 的 声明 和 变量 的 声明 类 似 ， 其 语法 格式 如 下 : 
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<%!< 返 回 值 类 型 > < 方法 名 称 >{ 

方法 体 ; 

%> 

JSP 表达 式 用 于 向 客户 浏览 器 输出 网 页 信息 ， 它 表示 Java 的 表达 式 ， 不 以 分 号 “;” 作 
为 结束 符 。 其 语法 格式 如 下 : 

<% = 表达 式 ; %> 


4. JSP 指令 


JSP 指令 (Directive) 用 于 描述 JSP 文件 所 能 执行 的 Java 语句 的 控制 信息 ， 对 JSP 页 面 
进行 全 局 或 局 部 的 控制 。 一 个 JSP 页 面 可 以 声明 多 个 JSP 指令 ， 每 个 JSP 指令 可 以 声明 多 
个 属性 。JSP 指令 的 格式 如 下 : 


<% @DirectiveName attribute="value" %> 


JSP 定义 了 以 下 3 种 不 同 的 指令 。 

@ ”page 指令 : 定义 与 JSP 页 面相 关 的 属性 ， 并 和 JSP 引擎 进行 数据 通信 。 

@ include 指令 : 定义 了 JSP 页 面 需 要 插入 的 资源 。 

@ taglib 指令 : 定义 JSP 页 面 可 以 调用 的 客户 标记 库 。 

(1) page 指令 

page 指令 用 来 定义 JSP 文件 页 面 的 全 部 信息 ， 及 设置 JSP 页 面 的 全 部 属性 ， 其 作用 域 
为 JSP 页 面 及 其 包含 的 文件 。page 指令 的 语法 格式 如 下 : 

<%@page 

[language="Java"] 

[extends="package.class"] 

[import="package.class|package.*"] 

[session="truelfalse"] 

[buffer="nonelsizekb"] 

[autoFlush="truelfalse"] 

[isThreadSafe="truelfalse"] 

[info="text"] 

[errorPage="realativeURL"] 

[contentType="text/html;charset"] 

[isErrorPage="true|false"] 

[isELIgnored="truelfalse"] 

%> 

使 用 page 指令 应 注意 以 下 几 个 方面 : 

@ page 指令 的 作用 范围 为 整个 JSP 页 面 。 

@ page 指令 可 以 放 在 JSP 页 面 任何 位 置 ， 无 论 把 它 放 在 JSP 文件 的 哪个 地 方 ， 它 的 
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作用 范围 都 是 整个 JSP 页 面 。 为 了 便于 程序 的 阅读 ， 通 常 把 page 指令 放 在 JSP 页 


面 的 开始 部 分 。 

可 以 在 一 个 JSP 页 面 中 使 用 多 个 page 指令 ， 但 除了 import 属性 只 能 使 用 一 次 外 ， 
其 他 属性 可 以 使 用 多 次 。 

page 指令 的 作用 域 为 整个 JSP 页 面 和 它 所 包含 的 文件 ， 但 该 指令 不 能 作用 域 动态 
的 包含 文件 ， 如 <jsp:include>。 


下 面 介绍 page 指令 中 属性 的 含义 和 用 法 。 


language: 该 属性 定义 了 JSP 页 面 中 所 使 用 的 脚本 语言 。 目 前 JSP 必须 使 用 Java， 
所 以 该 属性 的 默认 值 为 Java。 该 属性 必须 设置 在 任何 脚本 之 前 。 

extends: 表明 JSP 编译 时 需要 加 入 的 Java Class 的 全 名 ， 该 属性 将 限制 JSP 引擎 提 
供 的 某 些 超 类 ， 这 些 超 类 可 能 会 改善 所 提供 服务 的 品质 ， 因 此 在 使 用 该 属性 时 必 
须 谨慎 。 

import: 表明 JSP 页 面 脚本 环境 所 需要 使 用 的 某 些 类 的 类 型 。 该 属性 是 page 页 面 
唯一 可 以 多 次 设置 的 属性 。 

session: 指明 JSP 页 面 是 否 插入 一 个 HTTP 会 话 ， 默 认 值 为 true。 

buffer: 设置 JSP 网 页 的 缓冲 区 大 小 ， 它 的 默认 值 为 SKB， 属 性 值 为 none， 表 示 不 
缓冲 。 所 有 的 响应 都 将 通过 ServletResponse 的 PrintWriter 输出 。 

autoFlush: 设置 JSP 页 面 缓冲 区 是 否 自动 刷新 。 它 的 默认 值 是 true， 表示 当前 缓冲 
区 满 时 ， 到 客户 端的 输出 将 自动 刷新 。 如 果 该 属性 值 为 false， 当 缓冲 区 满 时 ， 将 会 
出 现 缓冲 区 溢出 异常 。 如 果 把 buffer 设置 为 none， 就 不 能 把 autoFlush 设置 为 false。 
isThreadSafe: 设置 JSP 页 面 是 否 支持 线程 。 默 认 值 为 true， 表 示 在 运行 JSP 页 面 
时 , 会 同时 接受 多 个 客户 的 请 求 。 如 果 该 属性 值 为 false，JSP 引擎 将 逐个 接受 客户 
的 请 求 。 

info: 设置 页 面 的 文本 信息 。 通 过 定义 一 个 字符 串 , 用 来 表示 JSP 页 面 的 说 明 信 息 。 
可 以 通过 Servlet.getServletInfo() 方 法 获得 该 属性 值 。 

errorPage: 设置 JSP 页 面 发 生 异常 时 调用 的 JSP 页 面 。 当 页 面 出 现 一 个 没有 被 捕捉 
的 异常 时 ， 调 用 错误 信息 网 页 ， 该 属性 值 的 默认 值 为 空 ， 即 忽略 错误 信息 页 面 。 
contentType: 定义 JSP 页 面 的 字符 编码 以 及 响应 的 MIME 类 型 。 默 认 MIME 类 型 
为 text/html， 默 认 字符 集 为 ISO-8859-1。 

isELIgored: 用 来 设置 JSP 页 面 的 EL (表达 式 语言 ) 是 否 被 忽略 。 如 果 取 值 为 true， 
则 忽略 EL 表达 式 的 计算 ， 反 之 则 不 忽略 。 该 属性 的 默认 值 将 依据 web.xml 描述 文 
件 的 版 本 而 确定 ，Servlet 2.3 以 前 的 版 本 忽略 该 默认 值 。 


例 7.6 page 指令 的 应 用 示例 。 


<%@page contentType= "text/html;charset=gb2312" language="java" 
import= ”java.util.*" 

session="true" 

buffer="16kb" 

autoFlush="true" 
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isThreadSafe="true" 
info=" 最 示 屠 攻克 PY/ 妆 ' 
errorPage="errorjsp" 
isErrorPage="false" 
isELlgnored="false" 
%> 
<html> 
<head> 
<title>page 指令 的 应 用 </title> 
</head> 
<body bgcolor="#FFFFFF"> 
page 指令 的 应 用 
<p/> 
<%lString showDate()// 声 明 方法 
String currentDate;// 声 明 变 量 
currentDate=new Date().toString(); 
return currentDate; 
小 
%> 
<font size="3" color="red"> 现 在 的 日 期 时 间 为 : <%=showDate()%></font> 
</body> 
</html> 


结果 如 图 7-41 所 示 。 


page 指令 的 应用 一 Noxilla Firefox 


Be x © Orvis | 
中 we 指令 的 应 用 + 

page 指 令 的 应 用 

现在 的 日 期 时 间 为 ，Tue lay 11 15:17:23 CST 2010 


图 7-41 运行 结果 


(2) include 指令 
include 指令 用 来 指定 JSP 页 面 需 要 插入 的 资源 ， 这 个 资源 可 以 是 文本 、 代 码 、HTML 


文件 或 JSP 文件 。include 指令 所 包含 的 文件 必须 是 静态 的 文件 ， 而 不 是 包含 动态 文件 。 该 
指令 的 语法 格式 如 下 : 


<%@include file =fileName %> 
其 中 ，fileName 指 被 包含 的 文件 的 名 称 ， 这 个 文件 名 称 还 应 包含 文件 的 相对 路 径 。 如 


果 路 径直 接 以 目录 名 或 文件 名 开头 ， 则 表示 该 路 径 是 正在 使 用 的 JSP 文件 的 当前 路 径 ; 如 
果 路 径 以 “/” 开 头 ， 表 示 该 路 径 是 参照 JSP 应 用 的 上 下 文 关系 路 径 。 


使 用 include 指令 应 该 注意 的 是 ，include 指令 包含 的 是 静态 文件 ， 如 果 在 包含 的 文件 中 


A 


BE 
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都 设置 了 page 指令 的 contentType 属性 ，JSP 引擎 将 报错 。 

使 用 include 指令 有 助 于 实现 JSP 的 模块 化 管理 ， 即 可 将 一 个 复杂 的 JSP 页 面 划分 为 车 
干 个 部 分 ， 以 方便 JSP 页 面 的 设计 和 管理 。 通 常 在 进行 JSP 页 面 编 写 时 ， 将 一 个 JSP 页 面 
分 为 3 个 部 分 : 页 头 (head)、 页 体 (body)、 页 尾 tail)。 响 应 的 可 以 将 一 个 JSP 页 面 分 为 
几 个 不 同 的 JSP 页 面 : head.jsp、body.jsp 和 tailjsp， 当 然 这 只 是 一 个 例子 。 通 过 include 指 
令 就 可 以 进行 页 面 合成 。 

例 7.7 include 指令 的 应 用 示例 。 


<%/*head.jsp*/%> 
this is menu bar... 


<%/*tail.jsp*/%> 
this is root bar.. 


<%/*body.jsp*/%> 
<%@ page language="java" contentType="text/html; charset=/SO-8859-1" 
pageEncoding= 1SO-8859-1 3%> 
<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/ html4/ 
loose.dtd"> 
<html> 
<head> 
<meta http-equiv= "Content Type" content="text/html; charset=/SO-8859-1"> 
<title>include test</title> 
</head> 
<body> 
<table align= "cente bgcolor="##ffff" border="1" bordercolor="red"> 
<tr> 
<td> 
<%@include file="head.jsp" %> 
</td> 
</tr> 
<tr> 
<td> 
<br/><br/> 
this body content... 
<br/><br/><br/> 
</td> 
</tr> 
<tr> 
<td> 
<%@include file="tailjsp" %> 
</td> 
</tr> 
</table> 
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</body> 
</html> 


运行 结果 如 图 7-42 所 示 。 


图 7-42 ”body.jsp 页 面 的 运行 结果 


(3) taglib 指令 

taglib 指令 用 来 定义 一 个 标签 库 以 及 自 定义 标签 的 前 级 ， 可 以 把 一 些 需 要 重复 显示 的 内 
容 自 定义 为 一 个 标签 ， 以 增加 程序 代码 的 重用 性 ， 方 便 页 面 的 维护 。 该 指令 的 语法 格式 
如 下 : 

<%@taglib uri= " tagLibraryURI " prefixx= "tagPrefix " %> 

其 中 ， 属 性 uri〈 统 一 资源 标识 符 ) 用 来 确定 标签 库 的 路 径 ， 属 性 prefix 定义 了 JSP 页 
面 使 用 此 标签 库 的 前 组， 标签 指令 可 以 在 一 个 页 面 中 多 次 使 用 ， 但 其 前 绥 只 能 使 用 一 次 ， 
注意 ， 不 能 使 用 JSP 中 的 jsp、jspx、java、javax、servlet 和 sunw 保留 字 作 为 前 级 。 

可 以 通过 前 级 来 引用 标签 库 中 的 标签 。 下 面 是 一 个 简单 的 使 用 taglib 的 例子 : 


<%@taglib uri="http://jiava.sun.com/jsp/jstl/core" prefix="c"%> 
<c:set var="name" value="hello" /> 


上 面 代码 通过 <c:set> 标 签 将 hello 赋值 给 了 变量 name。 
5. JSP 动作 执行 语句 


JSP 动作 是 指 JSP 利用 xml 语法 格式 的 标记 来 进行 JSP 页 面 的 处 理 和 控制 。JSP 很 多 页 
面 处 理 都 是 通过 JSP 中 的 动作 元 素来 完成 的 。JSP 动作 可 以 动态 地 插入 文件 , 重用 JavaBean 
组 建 ， 重 定向 页 面 ， 从 而 完成 对 象 的 创建 和 使 用 。JSP 规范 定义 了 一 些 标准 的 动作 类 型 。 常 
用 的 JSP 动作 如 下 。 

@ <jsp:include>: 在 页 面 被 请 求 时 引入 一 个 文件 。 
<jsp:useBean>: 引用 一 个 JavaBean 文件 。 
<jsp:setProperty>: 设置 JavaBean 属性 。 
<jsp:getProperty>: 获取 JavaBean 属性 。 
<jsp:forward>: 把 请 求 转 到 另外 一 个 文件 。 
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@ <jsp:plugin>: 根据 浏览 器 类 型 为 Java 插件 生成 OBJECT 或 EMBED 标记 。 

另外 ， 还 有 许多 动作 ， 如 <jsp:param> 、<jsp:params>、<jsp:attribute> 、<jsp:body>、 
<jsp:invoke>、<jsp:doBody>、<jsp:element>、<jsp:text>、<jsp:output>、<jsp:declaration>、 
<jsp:root>、<jsp:scriptlet> 和 <jsp:expression> 等 。 

下 面 介绍 常用 的 JSP 动作 元 素 。 

(1) <jsp:include> 动 作 

<jsp:include> 动 作用 来 在 JSP 页 面 插入 文件 ， 可 以 在 JSP 页 面 中 插入 静态 页 面 和 动态 页 
面 。 其 语法 格式 为 : 

<jsp:include page="relativeURL|<%=expression%>" flush="truelfalse" /> 
或 者 向 被 包含 的 动态 页 面 中 传递 参数 : 

<jsp:include page="relativeURL|<%=expression%>" flush="truelfalse"> 

<jsp:param name=" 参 数 名 称 " value=" 参 数值 " /> 

</jsp:include> 

其 中 ，“relativeURL|<%=expression%>” 为 相对 路 径 ， 可 以 是 字符 串 ， 也 可 以 是 一 个 表 
达 式 。 参 数 “flush="true" ”表示 参数 名 ，paramValue 表示 参数 值 。 

例 7.8 </isp:include> 动 作 应 用 示例 。 


<%/* 文 件 名 =jsp_include_Demo.jsp*/%> 
<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 

<!DOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3.org/TR/html4/ 
loose.dtd"> 

<html> 

<head> 

<meta http-equiv= "Content Type" content="text/html; charset=gb2312"> 

<title>jsp:inlcude 动作 示例 </title> 

</head> 

<body> 

<%!String showDate() 

{ 


String currentDate; 
currentDate=new java.util.Date().toString(); 
return currentDate; 

} 

%> 

<center> 
<p>Time Now is :<%=showDate() %></p> 
<jsp:include page="info.include.jsp" flush="true”’> 
<jsp:param name="name" value="SuperMan" /> 
</jsp:include> 

</center> 

</body> 

</html> 
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其 中 被 包括 的 页 面 是 info.include.jsp， 该 页 面 的 内 容 是 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 
<!DOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/ 


loose.dtd"> 


<%@page import="java.io.BufferedOutputStream"%><html> 
<head> 

<meta http-equiv="Content-Type" content="text/html; charset= gb2312"> 
<title>info of include</title> 

</head> 

<body> 

This page is included page. 

<br/> 

<% 

String name=request.getParameter("name"); 

%> 

您 好 : <%=name %> 

</body> 

</html> 


在 浏览 器 中 运行 jsp_include_Demo.jsp 的 结果 如 图 7-43 所 示 。 


动作 示例 
文件 四 查看 VW 历史 加 书生 
@ CX 命 [ 上 D wo:mioeawsv 全 -| 全 - 
口 jsp:inleede 动 作 示例 [+ 


Time Now is :Sat May 15 15:10:51 CST 2010 


This page is included page. 
您 好 ，Superllan 


图 7-43 运行 jsp_include_Demo.jsp 的 结果 


(2) <jsp:useBean> 动 作 
<jsp:useBean> 动 作用 来 装载 一 个 将 在 JSP 页 面 中 使 用 的 JavaBean。 在 JSP 页 面 中 ， 


JavaBean 可 以 封装 业务 逻辑 ， 使 业务 处 理 和 页 面 显 示 分 开 进 行 ， 有 利于 代码 重用 和 程序 模 
块 化 设计 。<jsp:useBean> 的 语法 格式 如 下 : 


<jsp:useBean id="beanInstanceName" scope="pagelrequestlsession|lapplication" /> 

其 中 各 个 属性 的 含义 如 下 。 

@ beanInstanceName: 创建 JavaBean 的 实例 对 象 名 称 ， 对 JavaBean 进行 引用 。 设 置 
JavaBean 实例 id， 用 来 区 分 不 同 的 JavaBean。 如 果 这 个 JavaBean 已 经 创建 ， 那 么 
这 个 id 值 必须 和 原来 的 保持 一 致 。 

@ scope="pagelrequestlsession|application": 设置 JavaBean 存在 的 范围 ,其 存在 于 如 下 
4 种 范围 。 
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回 “page: 可 以 在 本 页 面 中 使 用 JavaBean, 直到 页 面 发 生 改变 时 为 止 .page 是 scope 


的 默认 值 。 


回 request: 在 任何 执行 相同 请 求 的 JSP 页 面 中 使 用 JavaBean， 当 request 请 求 对 


象 发 生 改变 时 终止 。 


回 _ session: 可 以 在 任何 使 用 相同 的 session 的 JSP 页 面 中 使 用 JavaBean。 


回 application: 可 以 在 任何 使 用 过 相同 的 application 的 JSP 页 面 中 使 用 JavaBean。 


例 7.9 一 个 使 用 Eclipse 建立 JavaBean 的 示例 。 


打开 Eclipse， 新 建 一 个 Web/Dynamic Web Project， 也 可 以 使 用 已 有 的 动态 网 站 项 目 ， 
本 例 中 是 jsp_action。 在 jsp_action 项 目 浏览 器 上 单 击 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 选择 


New 一 Class 命令 ， 新 建 一 个 Java 类 ， 如 图 7-44 所 示 。 


在 Package 文本 框 中 输入 包 名 ， 如 “hello”， 在 Name 文本 框 中 输入 “HelloJavaBean” 
为 类 名 ， 其 他 选择 默认 即 可 ， 如 图 7-45 所 示 。 
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mail path 
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port 


图 7-44 新 建 一 个 Java 类 
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7-45 填写 HelloJavaBean 类 名 


单 击 Finish 按钮 后 ， 出 现 HelloJavaBean.java 的 编辑 页 面 ， 在 其 中 输入 以 下 代码 : 


package hello; 
public class HelloJavaBean { 
String str=""; 
public String Hello(){ 
if (str==”)return "nothing"; 
else return str; 
: 
public void SetHello(String hello}{ 
this.str=hello; 
} 
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编辑 页 面 如 图 7-46 所 示 。 


图 7-46 编辑 页 面 


在 WebContent 目录 下 新 建 一 个 JSP 页 面 ， 即 在 WebContent 文件 夹 上 单 击 鼠 标 右键 ,在 
弹出 的 快捷 菜单 中 选择 New 一 JSP 命令 , 然后 在 FileName 文本 框 中 输入 “useBeanDemo.jsp”， 
单 击 Finish 按钮 即 可 建立 一 个 jsp 页 面 ， 并 取 名 为 useBeanDemo.jsp， 其 内 容 如 下 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 

<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
/loose.dtd"> 

<jsp:useBean id="SampleJavaBean" scope="page" class="hello. HelloJavaBean" /> 

<html> 

<head> 

<meta http-equiv="Content Type" content="text/html; charset=gb2312"> 

<title>Insert title here</title> 

</head> 

<body> 

<%// <jsp:useBean id="beanlnstanceName" scope="pagel|request|lsession|lapplication" /> %> 


UseBean 的 结果 1 是 : <%=SampleJavaBean.Hello() %> 
<br/> 

<% 

String str=new String(" 你 好 !"); 
SampleJavaBean.SetHello(str); 

%> 

UseBean 的 结果 2 是 : <%=SampleJavaBean.Hello() %> 
</body> 

</html> 


保存 所 有 页 面 之 后 ， 按 Shift+AlttX 组 合 键 再 按 R 键 ， 即 可 快速 运行 本 示例 ， 其 结果 如 
图 7-47 所 示 。 


了 
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i useBean 的 结果 1 是 : nothing 


useBean 的 结果 2 是 : 你 好 ! 


图 7-47 运行 结果 


(3) <jsp:setProperty> 动 作 
<jsp:setProperty> 动 作用 来 设置 JavaBean 的 属性 值 。 该 动作 的 使 用 前 提 是 : 必须 在 
<jsp:useBean> 动 作 后 至 少 获得 了 一 个 JavaBean 对 象 的 实例 。 其 语法 格式 有 如 下 4 种 格式 : 


<jsp:setProperty name="BeanlnstanceName” 
property="™"| 

property="propertyName"| 
property="propertyName" param="paramName"| 
property="propertyName" value="beanValue” 

/> 


其 中 ，BeanInstanceName 表示 JSP 使 用 <jsp:useBean> 动 作 引 用 的 JavaBean 的 实例 对 象 
名 称 ;propertyName 表示 JavaBean 属性 名 ;paramName 表 示 Request 对 象 的 参数 名 ;beanValue 
表示 JavaBean 的 属性 值 。 

在 JSP 程序 中 使 用 <jsp:setProperty> 动 作 时 应 注意 如 下 事项 : 

@ 在 使 用 属性 “property="*"” 时 ，JavaBean 中 属性 的 名 字 必 须 和 Request 对 象 的 参 

数 一 致 。 为 了 匹配 JavaBean 中 的 属性 值 ，JSP 页 面 的 输入 值 在 必要 时 要 通过 数据 
类 型 转换 。 

@ 如果 Request 对 象 的 参数 中 存在 控制 ， 则 对 应 的 JavaBean 将 不 设 任何 值 。 如 果 
JavaBean 中 有 的 属性 没有 与 之 相对 应 的 Request 对 象 参数 , 则 其 属性 也 不 会 设 定 任 
何 值 。 

@ 当 Request 对 象 的 参数 和 JavaBean 中 的 参数 名 相同 时 ， 只 需要 指定 属性 property 
即 可 ， 否 则 必须 同时 指定 property 属性 和 param 属性 。 

@ ”用 于 设 定 JavaBean 属性 值 必须 和 要 设 定 的 属性 值 的 数据 类 型 一 致 ， 否 则 必须 进行 

数据 类 型 转换 。 

@ 不 能 在 同一 个 <jsp:setProperty> 中 使 用 参数 param 和 value。 
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(4) <jsp:getProperty> 动 作 

<jsp:getProperty> 动 作用 来 获取 JavaBean 的 属性 值 ， 其 语法 格式 为 : 

<jsp:getProperty name="BeanInstanceName" property="propertyName" /> 

其 中 ，BeanInstanceName 表示 JSP 使 用 <jsp:useBean> 动 作 引 用 的 JavaBean 的 实例 对 象 
名 称 ; propertyName 表示 JavaBean 属性 名 。 通 常 <jsp:getProperty> 要 和 <jsp:setProperty> 动 作 
一 起 配套 使 用 。 

在 JSP 程序 中 使 用 <jsp: getProperty> 动 作 时 应 注意 的 事项 为 : 不 能 使 用 <jsp:getProperty> 
动作 来 检索 一 个 已 经 被 索引 的 属性 ， 使 用 <jsp:getProperty> 动 作 时 ， 必 须 在 它 之 前 使 用 
<jsp:useBean> 动 作 ; <jsp:getProperty> 动 作 不 能 和 EnterPriseBean 一 起 使 用 。 

例 7.10 ”<jsp:getProperty> 和 <jsp:setProperty> 动 作 应 用 示例 。 

在 useBeanDemo.jsp 页 面 中 body 结束 标签 前 加 上 下 面 代 码 : 


<br/>setProperty:<br/> 

<%!String helloStr; %> 

<% 

helloStr=new String("Hello_By_setProperty"); 

%> 

<jsp:setProperty name="SampleJavaBean" property="id" value="<%=helloStr %>"/> 
getProperty:<br/> 

<jsp:getProperty name="SampleJavaBean" property="id" /> 


在 HelloJavaBean.java 中 ， 替 换 为 下 面 的 代码 : 


package hello; 
public class HelloJavaBean { 
private String str=new String(""); 
private String name; 
public String Hello(){ 
if (str==”) 
return "nothing"; 
else return str; 


} 

public void SetHello(String hello}{ 
this.str=hello; 

’ 


public void setName(String name){ 
this.name=name; 


} 

public String getName(){ 
return this.name; 

} 


运行 useBeanDemo.jsp 页 面 ， 结 果 如 图 7-48 所 示 。 
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中 useBean 的 结果 1 是 : 
useBean 的 结果 2 是 : 你 好 ! 


Hello_By_setProperty 


图 7-48 运行 useBeanDemo.jsp 页 面 


需要 注意 的 是 ， 在 Java 源 代码 中 必须 有 对 类 的 变量 的 set 和 get 方法 ， 而 且 set 和 get 
后 面 必须 是 变量 名 ,这样 getProperty 才能 够 成 功 获得 需要 的 变量 的 get 方法 。 
(5) <jsp:forward> 动 作 
<jsp:forward> 动 作用 来 将 当前 的 请 求 转向 另外 的 JSP 页 面 、 静 态 文件 或 一 个 Servlet。 其 
语法 格式 为 : 
Sjsp:forward page="relativeURL|<%=expression%>"/> 
对 JSP 页 面 传 参 语法 格式 如 下 : 


<jsp:forward page="relativeURL|<%=expression%>"> 


<jsp:param name="paramName" value="paramValue" /> 

</jsp:forward> 

其 中 ， 参 数 “page="relativeURL|<%=expression%>"” 为 一 组 相对 路 径 ， 它 可 以 是 一 个 
字符 串 ， 也 可 以 是 一 个 表达 式 ，paramName 表示 参数 名 ; paramValue 表示 参数 值 。 

例 7.11 <jsp:forward> 动 作 应 用 示例 。 

首先 这 是 两 个 页 面 ， 第 1 个 是 getInfojsp， 内 容 如 下 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 

<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
lloose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content Type" content="text/html; charset=gb2312"> 

<title>getlnfo page</title> 

</head> 

<body> 

<%l!String name; %> 

<% 

String s=new String(); 

s=request.getParameter("name"); 
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if(s==null){ 

name=new String(" 游 客 "); 
Jelse{ 

name=s; 
有 
%> 

<center> 

你 好 : 

<% 
out.println(name); 
%> 

</center> 
</body> 
</html> 


第 2 个 页 面 是 forwardjsp， 内 容 如 下 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 

<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
/loose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content Type" content="text/html; charset=gb2312"> 

<title>forward page</title> 

</head> 

<body> 

<jsp:forward page="getinfo.jsp"> 

<jsp:param name="name" value="1 am SuperMan" /> 

</isp:forward> 

</body> 

</html> 


运行 forward.jsp 页 面 ， 结 果 如 图 7-49 所 示 。 


日 千 | 多 国字 六 caiecevjneiovevssyeeiis 辣 国 


Erect po 3 5 Beto isp [Beevatjsp | edirto rans S| 


你 好 : II am SuperMan 


7-49 运行 forward.jsp 页 面 
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< 注意 : url 仍然 是 forward.jsp， 但 标题 已 经 是 getInfo.jsp 页 面 的 标题 getInfo page 了 。 


(6) <jsp:plugin> 动 作 

<jsp:plugin> 动 作用 来 在 客户 端的 浏览 器 中 显示 一 个 对 象 ， 使 JSP 文件 中 嵌入 客户 端 运 
行 的 Java 程序 通常 为 applet 或 Bean。 其 语法 格式 如 下 : 

<jsp:plugin 

type=beanlapplet 

code="classFileName" 

codebase="classFileDirectoryName" 

[name="instanceName"] 

[archive="archiveList"] 

[align="alignment"] 

[height="height"] 

[width="width"] 

[hspace="hspace"] 

[vspace="vspace"] 

Lreversion="jreversionVersion"] 

[title="title"] 

[nspluginurl="url"] 

[ieplugurl="url"] 

> 

[<jsp:params> 

<jsp:param name="paramName" value="paramValue" /> 

</jsp:params>] 

[<jsp:fallback>text</jsp:fallback>] 

</jsp:plugin> 

其 中 各 个 属性 含义 如 下 。 

@ type=beanlapplet: 设置 被 执行 对 象 的 类 型 ， 该 参数 的 值 必 须 为 bean 或 applet。 

@@ code="classFileName": 设置 将 要 执行 的 Java 类 文件 的 名 称 ， 这 个 文件 必须 以 class 

为 扩展 名 ， 并 且 该 文件 必须 存在 于 codebase 目录 中 。 

®@ codebase='"classFileDirectoryName": 设置 Java 类 文件 的 路 径 。 如 果 未 指定 ， 则 默 
认 使 用 当前 JSP 页 面 的 目录 。 
[name="instanceName"]: 实例 的 名 字 。 
[archive="archiveList"]: 设置 用 于 codebase 指定 目录 下 文件 的 路 径 名 。 
[align="alignment"]: 设置 位 置 ， 排 列 方式 有 botton、 top、middle、left 和 right。 
[height="height"]: 设置 所 要 显示 的 高 度 。 
[width="width"]: 设置 所 要 显示 的 宽度 。 
[hspace="hspace"]: 设置 屏幕 左右 要 留 下 的 空间 。 
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[vspace="vspace"]: 设置 屏幕 上 下 要 留 下 的 空间 。 

Lreversion="jreversionVersion"]: 设置 运行 环境 所 需要 的 Java Runtime Environment 
(JRE) 的 版 本 号 。 

[title="title"]: 设置 所 要 显示 的 名 称 。 

[nspluginurl="url"]: 设置 Netscape Navigator 用 户 能 够 使 用 的 JRE 的 下 载 地 址 。 

[ieplugurl="url"]: 设置 IE 用 户 能 够 使 用 的 JRE 下 载 地 址 。 

<jsp:params>: 设置 需要 向 bean 或 applet 传 入 的 参数 。 

<jsp:fallback>: 设置 Java 插件 bean 或 applet 不 能 启动 时 显示 的 提示 信息 。 

例 7.12 ”<jsp:plugin> 动 作 应 用 示例 。 

首先 新 建立 一 个 Java 文件 HelloWorld.java， 内 容 如 下 : 


import java.applet.Applet; 
import java.awt.Graphics; 
public class HelloWorld extends Applet 
{ 

String name; 

public void init() 

{ 

name = getParameter("name"); 

} 

public void paint(Graphics g) 

{ 

g.drawString("This demo show jsp:plugin usage,the " + name + "is <br> a parameter!", 40, 25); 

} 

} 


在 cmd 下 编译 这 个 文件 ， 运 行 javac HelloWorld.java， 生 成 一 个 HelloWorld.class 文件 ， 
将 HelloWorld.class 文件 复制 到 Eclipse 的 项 目下 。 然 后 在 Eclipse 的 项 目 中 添加 一 个 jsp 页 
面 pluginjsp， 内 容 如 下 : 


<!-- PLUGIN.jsp --> 
<%@ page language="java" contentType="text/html; charset=GB2312" 
pageEncoding="GB2312”%> 
<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
lloose.dtd"> 

<HTML> 

<HEAD> 
<meta http-equiv= "Content- Type" content="text/html; charset=GB2312'> 
<TITLE> 用 &lt; jsp:plugin &gt; 加 载 Applet</TITLE> 

</HEAD> 

<BODY> 
<CENTER> 
<FONT SIZE="5" COLOR="b/lue"> 用 &lt; jsp:plugin &gt; 加 载 Applet</FONT> 
</CENTER> 
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<BR/> 
<BR/> 
<CENTER> 
<!-- 用 plugin 加 载 applet --> 
<jsp:plugin type="applet" code="HelloWorld" codebase="." height="40" width="500" > 
<jsp:params> 
<jsp:param name="name" value="paramValue"/> 
</jsp:params> 
<jsp:fallback> 无 法 加 载 Applet</isp:fallback> 
</jsp:plugin> 
</CENTER> 
</BODY> 
</HTML> 


确定 这 个 jsp 文件 和 HelloWorld.class 文件 在 同一 目录 下 ， 然 后 在 Eclipse 中 运行 这 个 文 
件 , 在 Eclipse 中 的 浏览 器 中 并 没有 显示 任何 信息 , 因为 Eclipse 的 浏览 器 并 不 具备 过 多 浏览 
器 的 功能 。 在 Firefox 和 下 下 同时 进行 测试 ， 在 Firefox 下 的 页 面 如 图 7-50 所 示 , 在 IE 下 
的 页 面 如 图 7-51 所 示 。 


) 用 < jsp:plugin SMMApplet - Wozilla Firefox 
立 件 中 | TE IE 局 月 < jzpzplugin > 加 载 applet - Hicrosoft Internet Explorer 上 尾 | 固 区 | 
GX 命 (r/min 可 文件 四 ”编组 他 ) 查看 V) 收藏 W) 工具 加 帮 肋 0 Ea 
地 站 加) | 国 htp lseulssVjm_eetieyplugiwyplugia jsp lS be 


中 用 < ja:ylveie Malorlet | 二 


用 < jsp:plugin > 加 载 Applet 用 < jsp:plugin > 加 载 Applet 


Ths oema show Jsn'nuon usageJne paramvalue is <br> sparamarerl 


This demo shew jsp plugin usage,the paramValuels <b paramelerl 


图 7-50 ”Firefox 下 的 页 面 图 7-51 下 下 的 页 面 


由 于 笔者 的 计算 机 上 已 经 安装 了 Java 的 JDK (自然 包括 JRE)， 所 以 可 以 正常 显示 ， 如 
果 没 有 安装 JRE 则 会 显示 错误 提示 信息 。 


7.6 JSP 常用 的 内 置 对 象 


7.6.1 内 置 对 象 的 概述 


JSP 内 置 对 象 是 不 需要 声明 而 直接 可 以 在 JSP 网 页 中 使 用 的 对 象 , 这 些 内 置 对 象 由 容器 
实现 和 管理 ， 大 大 简化 了 页 面 的 开发 。 所 有 的 内 置 对 象 只 有 对 Scriptlet 或 者 表达 式 有 效 ,在 
JSP 声明 中 不 可 用 ， 因 为 它们 无 须 声 明 。 

在 JSP 2.0 规范 中 共 定 义 了 9 种 内 置 对 象 ， 分 别 为 request (请 求 对 象 )、response〈 应 答 
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对 象 )、pageContext (页 面 上 下 对 象 )、session (会 话 对 象 )、application (全 局 应 用 程序 对 象 )、 
out〔 输 出 对 象 )、config (配置 对 象 )、page (页 面 对 象 ) 和 exception (页 面 以 外 对 和 象 )， 其 
中 ，request、response、session 和 application 最 为 常见 。 

从 本 质 上 讲 ，JSP 的 这 些 内 置 对 象 都 是 由 特定 的 Java 类 所 产生 的 ， 在 服务 器 运行 时 根 
据 情况 自动 生成 。 表 7-11 给 出 了 内 置 对 象 与 Java 类 的 对 应 关系 。 


表 7-11 内置 对 象 与 Java 类 的 对 应 关系 


对 象 名 称 所 属 类 型 有 效 范 围 
request javaax.servlet.ServletRequest request 
Tesponse javaax.servlet.ServletResponse Page 
PageContext javaax.servlet.isp.PageContext page 
session javaax.servlet.http.HttpSession session 
application javaax.servlet.ServletContext application 
out javaax.servlet.jsp.JspWriter page 
config javaax.servlet.ServletConfig page 

page java.lang.Object page 
exception java.lang. Throwabie page, 


7.6.2 ”处 理 客户 请 求 信息 对 象 request 


request 对 象 是 从 客户 端 向 服务 器 发 出 请 求 的 ， 包 括 用 户 提交 的 信息 以 及 客户 端的 一 些 
信息 。 这 些 请 求 信息 包括 请 求 的 来 源 、 表 头 、Cookies 及 请 求 相 关 的 参数 值 等 。 来 自 客户 端 
的 请 求 信息 经 Servlet 容器 处 理 后 ， 由 request 对 象 进 行 封装 ， 它 作为 jspService0 方 法 的 一 个 
参数 由 容器 传递 给 JSP 页 面 。request 对 象 的 主要 方法 如 表 7-12 所 示 。 


表 7-12 ”request 对 象 的 主要 方法 


方法 功能 
setAttribute(String name,Object objt) 设置 名 称 为 name 的 request 参数 的 值 
getAttribute(String name) 返回 由 name 指定 的 属性 值 ， 如 果 不 存 在 则 返回 空 
getMethodO 获得 客户 向 服务 器 传输 数据 的 方式 : get、post 等 
getRequestURI( 获得 发 出 请 求 字符 串 的 客户 端 地 址 
getAttributeNamesO) 返回 request 对 象 所 有 属性 的 名 字 集 合 
getHeader(String name 获得 HTTP 协议 定义 的 文件 头 信息 
getParameter(String name) 获得 客户 传送 给 服务 器 的 name 参数 的 值 
getParameterValues(String name) 获得 指定 参数 name 的 所 有 值 
getProtocol() 获得 客户 端 向 服务 器 传送 数据 所 依据 的 协议 名 称 
getRemoteAdd 取得 客户 端的 IP 地 址 
getRemoteHost( 获得 客户 端 主 机 名 
getRemoteUsel 获得 客户 端 用 户 名 
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方 ” 法 功 能 

getServerName() 获得 服务 器 的 名 字 
getServerPort() 获得 服务 器 的 端口 号 
getContentLength|) 获得 请 求实 体 数据 的 大 小 
getContentType0) 获得 MIME 类 型 

etQuery String() 取得 客户 以 get 方 法 向 服务 器 传送 的 查询 字符 串 
getCookies() 返回 客户 端的 所 有 Cookie 对 象 ， 一 个 Cookie 数组 
getSession(Boolean create) 返回 和 请 求 相 关 的 session 


etServletPath() 获得 客户 端 所 请 求 脚本 文件 的 相对 路 径 


例 7.13 ”访问 请 求 参数 示例 。 


在 login.jsp 页 面 中 通过 表单 向 login_detail.jsp 页 面 提供 数据 , 在 login_deal.jsp 页 面 后 提 


交 的 数据 并 输出 。 


(1) 编写 loginjsp 页 面 ， 在 该 页 面 中 添加 相关 的 表单 即 表单 元 素 ， 关 键 代 码 如 下 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 


<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/ 


loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=/SO-8859-1"> 
<title>login jsp page</title> 
</head> 
<body> 
<form id="form" name="form" method="post" action="/login_detail.jsp"> 
用 户 名 : 
<input name="wsermame" type="text" id="username"/><br/> 
密 &nbsp;&nbsp; 码 : 


<input name="pwd" type="text” id="pwa"/><br/> 

<input type="submi name="submit" value=" 起 交 /> 

<input type="reset" name="submit2” value=" 重 论 /> 
</form> 


</body> 
</html> 


在 Eclipse 下 的 运行 结果 如 图 7-52 所 示 。 
(2) 编写 login_detailjsp 页 面 ， 该 页 面 中 获取 提交 的 数据 ， 关 键 代码 如 下 : 
<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 


<% 


String username=reguest.getParameter("username"); 
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String pwd=request.getParameter("pwd"); 
outprintin(" 用 户 名 为 : "+username); 
out.println(" 密 码 为 : "+pwd); 

%> 


图 7-52 ”login.jsp 页 面 的 运行 结果 


Iset Htle here GD = 品 
| 


| 用 户 名 为 : Super 密码 为 : Man 


图 7-53 login_detailjsp 页 面 的 运行 结果 
7.6.3 ”控制 服务 器 相应 信息 对 象 response 


response 对 象 和 request 对 象 相对 应 ， 用 于 响应 客户 请 求 ， 向 客户 端 发 送 数据 。response 
对 象 与 该 对 象 提供 的 方法 成 员 大 部 分 被 用 来 设置 服务 器 端 响应 给 客户 端 网 页 的 状态 ， 如 编 
码 方式 、 响 应 表 头 、 错 误 信 息 等 。response 对 象 提供 的 方法 如 表 7-13 所 示 。 

表 7-13 ”response 对 象 提 供 的 方法 

分 类 方 ” 法 说 明 
getcharacterEncoding 返回 文件 内 容 编码 的 方式 
setContentType 设置 网 页 的 文件 格式 与 编码 方式 
sendError 定义 输出 客户 端的 错误 代码 以 及 信息 
setStatus 用 来 设置 一 个 回应 的 HTTP 状态 码 


设置 响应 信息 
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续 表 
分 类 方 ” 法 说 明 
ContainsHeader(String name) 返回 布尔 值 表示 名 称 为 name 的 表 头 是 否 存 在 
oe 设置 名 称 为 name 的 响应 表 头 ， 数 据 类 型 为 长 整 
(String name,long date) 数 long, 内 容 为 date， 其 信 为 自 格林 威 治 时 间 so 
响应 表 头 信息 ” 年 1 月 1 日 开始 算 起 到 要 设置 时 间 的 毫秒 数 
- 设置 名 称 为 name 的 响应 表 头 ， 其 内 容 为 value， 
setHeader(String name,String value) 数据 类 型 为 字符 品 String 
. . 设置 名 称 为 name 的 响应 表 头 ， 其 内 容 为 value， 
flushBuffer( 清空 缓冲 区 
getBufferSize() 取得 缓冲 区 大 小 
缓冲 区 处 理 setBufferSize() 设置 缓冲 区 大 小 
ISCommittedO) 表示 数据 是 否 清除 完毕 ， 写 入 浏览 器 
清除 缓冲 区 内 容 
网 页 定向 与 重 设 重 设 与 定向 网 页 到 指定 的 URL 


1. 设置 响应 信息 


当 网 页 传送 至 客户 端 浏览 器 时 ， 用 户 可 以 设置 所 要 响应 的 信息 和 网 页 状态 ， 利 用 
response 对 象 所 提供 的 方法 来 完成 ， 这 些 方法 包括 getcharacterEncoding()、setContentType 
及 sendError() 等 。 

(1) getcharacterEncoding 方法 

getcharacterEncoding 方法 会 返回 文件 内 容 编码 的 方式 ， 其 语法 格式 如 下 : 

response.getcharacterEncoding() 

默认 情况 下 返回 的 值 是 8859--1， 但 若是 该 网 页 使 用 page 指令 或 者 setContentType() 方 
法 设置 了 网 页 的 编码 方式 ， 则 返回 的 值 是 GB2312。 

(2) setContentType 方法 

setContentType 方法 是 用 来 设置 网 页 的 文件 与 编码 方式 的 ,其 与 page 指令 的 contentType 
属性 功能 是 相同 的 。 如 下 面 这 两 行 代 码 ， 其 运行 结果 均 完 全 相同 : 

<%@page contentType = "text/html;charset=GB2312"%> 
response.setContentType("text/html;charset=GB2312"); 


(3) sendError 方法 
sendError 方法 可 以 自 定义 一 个 错误 的 代码 ， 其 语法 格式 如 下 : 
Response. SendError( 错 误 代码 ,文字 信息 ) 
对 于 用 户 的 不 当 操 作 , 程序 开发 人 员 可 以 自行 设置 容易 理解 的 错误 信息 , 利用 sendError 
将 其 送出 ， 以 提供 比较 出 色 的 交互 功能 。 
(4) setStatus 方法 
setStatus 方法 可 用 来 设置 一 个 相应 的 HTTP 状态 码 , 根据 这 个 状态 码 ,， 客户 端 便 会 出 现 
相应 的 信息 。 在 一 般 情 况 下 ， 若 打开 的 网 页 正确 无 误 ， 则 会 自动 传送 一 个 SC--OK 〈 整 数值 
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为 200) 的 状态 码 。 

例 7.14 使 用 setStatus 方法 来 设置 回应 的 状态 码 ， 查 看 客户 端的 浏览 器 会 出 现 怎样 的 
信息 。 

usingsetStatus.jsp 页 面 的 代码 如 下 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 
<!DOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
lloose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=/SO-8859-1"> 
<title>setStatus 方法 </title> 
</head> 
<body> 
<% response.setStatus(403); %> 
Have setStatus 403 
</body> 
</html> 


运行 结果 如 图 7-54 所 示 。 


执 O 上 闻 图 本 了“ 口 
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图 7-54 运行 结果 
2. 响应 表 头 信息 
前 面 在 说 明 HTTP 时 曾 提 到 过 ， 表 头 信息 可 分 为 请 求 表 头 和 响应 表 头 ，response 对 象 提 
供 了 响应 表 头 信息 处 理 有 关 的 方法 ， 在 表 7-13 中 已 分 类 作 了 简要 的 说 明 。 由 于 HTTP 各 种 
响应 表 头 中 可 能 包括 不 同 的 数据 类 型 ， 因 此 表 7-13 中 包括 了 用 来 设置 不 同 表 头 数 据 类 型 的 
方法 ， 不 过 最 常 使 用 的 还 是 setHeader() 方 法 ， 例 如 : 


| 


<% 

response.setHeader("Connection", "keep--alive"); // 设 置 Connection 表 头 的 内 容 
response.setDateHeader ("Expires",10000*10000); // 设 置 Expires 表 头 的 内 容 
response.setDateHeader("Retry--After",10000); 

%> 
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3. 操作 缓冲 区 配置 
缓冲 可 以 更 加 有 效 地 在 服务 器 与 客户 之 间 传 输 内 容 。HttpServletResponse 对 象 为 支持 


jspWriter 对 象 而 启用 了 缓冲 区 配置 。 
response 对 象 中 有 一 类 方法 成 员 专 门 用 来 处 理 缓 冲 区 的 有 关 操 作 。 此 外 ，response 还 提 


供 了 设置 缓冲 大 小 的 setBufferSize 缓冲 区 直接 操作 。 
例 7.15 用 response 进行 缓冲 区 的 操作 。 


<%@ page language="java" contentType="text/html; charset=GB2312" 
pageEncoding="GB2312"%> 
<IDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
lloose.dtd"> 
<html> 
<head><title> 缓 冲 区 </title></head> 
<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 
<body> 
目前 缓冲 区 大 小 : <%response. getBufferSize();%><br/> 
重 设 缓冲 区 大 小 : 16384 <% response.setBufferSize(16384); %><br/> 
重 设 后 缓冲 区 大 小 : <%=response. getBufferSize()%><br/> 
</body> 
</html> 


16384 
冲 区 大 小 : 16384 


图 7-55 运行 结果 


4. 重新 定向 网 页 


重新 定向 网 页 包括 自动 更 新 网 页 和 定向 网 页 两 种 情况 。 在 JSP 中 ， 可 以 使 用 response 
对 象 中 的 sendRedirect 方法 将 客户 请 求 重新 定向 新 网 页 。 其 语法 格式 如 下 : 

response. sendRedirect(" 定 向 网 页 的 相对 和 绝对 地 址 ") 

例 7.16 使 用 sendRedirect 方法 重新 定向 网 页 。 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 
<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
lloose.dtd"> 
<html> 
<head> 
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<meta http-equiv="Content Type" content="text/html; charset=gb2312"> 
<title>send Redirect</title> 
</head> 
<body> 
<form action= "usingSendDirectjsp" method ="post"> 
<input type ="radio" name ="view" value ="rabbit" checked />rabbit 
<input type ="radio" name ="Vview" value ="penguin" />penguin 
<input type ="radio" name ="view" value ="dog">dog 
<input type ="submit" value =" 长 北 ' /> 
</form> 
</body> 
</html> 


其 中 usingSendDirectjsp 的 内 容 如 下 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 

<!IDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
/loose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

<title>usingSendDirect jsp page</title> 

</head> 

<body> 

view= 

<% 

String view=request.getParameter("view"); 

out.printin(view); 

%> 

</body> 

</html> 


sendRedirectjsp 的 运行 页 面 如 图 7-56 所 示 。 


Bt vigate Search 
妇 " O- > 


Pe 


互利 wnsiretjwx 懈 my Pr [EE = 
sindninrect 半 辐 


图 7-56 ”sendRedirect.jjsp 页 面 的 运行 结果 图 7-57 using SendRedirect 页 面 的 运行 结果 
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7.6.4 ”管理 客户 会 话 对 象 session 


session 对 象 是 由 服务 器 自动 产生 的 ， 用 于 保护 每 个 用 户 信息 。 每 一 个 session 都 是 独立 
的 ， 且 其 中 数据 内 容 互 不 相干 ， 每 个 用 户 网 页 所 读 取 的 数据 也 就 不 同 。JSP 页 面 可 以 将 任何 
对 象 作为 属性 来 保存 。session 内 置 对 和 象 使 用 setAttribute0 和 getAttribute() 方 法 创建 及 获取 客 
户 的 会 话 。 

当 用 户 首次 访问 一 个 JSP 页 面 时 , JSP 引擎 产生 一 个 session 对 象 ， 同 时 分 配 一 个 String 
类 型 的 ID 号 。JSP 引擎 将 这 个 ID 号 发 送 到 客户 端 ， 存 放 在 Cookie 中 ， 这 样 session 对 象 和 
客户 之 间 就 建立 了 一 一 对 应 关系 。session 对 象 的 常用 方法 如 表 7-14 所 示 ， 其 中 最 为 常见 的 
方法 是 gettd0、isNew()、getAttribute0) 和 setAttribute()。 


表 7-14 ”session 对 象 的 常用 方法 


方法 名 称 方法 描述 
getAttribute(String name) 获得 与 指定 名 称 name 相 联 系 的 属性 值 
setAttribute(String name,Object value) | 设置 指定 名 称 name 的 属性 值 value， 存 储 在 session 对 象 中 
removeAttribute(String name) 删除 与 指定 name 相 联 系 的 属性 
. 返回 session 对 象 中 存储 的 每 一 个 属性 对 象 ， 其 结果 为 一 个 枚 举 
getAttributeNames() 类 的 实例 
getCreationTime() 返回 session 被 创建 的 时 间 ，1970.1.1 至 今 的 毫秒 数 
getIdt 返回 session 的 标识 
返回 当前 session 对 象 相关 的 客户 端 最 后 发 送 请 求 的 时 间 ， 最 小 
getLastAccessedTime() 单位 为 干 分 之 一 秒 
InvalidateO) 销毁 session 对 象 ， 使 得 和 它 绑 定 的 对 象 都 失效 
isSNew 检查 客户 端 是 否 参 加 了 会 话 ， 判 断 是 否 是 一 个 新 的 客户 
getValue(String name 返回 session 中 名 为 name 的 对 象 的 值 ，name 不 存在 则 返回 null 


例 7.17 使 用 session 制作 站 点 计数 器 。 


<%@page contentType="text/html;charset=gb2312"%> 
<html> 

<body> 

<%l! int number=0; 

synchronized void countpeople() 


{ 
number++; 
} 
%> 
<% 
if(session.isNew()) 
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out.println("A New Session is start..."); 
countpeople(); 
String str=String.valueOf(number); 
session.setAttribute("count", str); 
站 
%> 
<p> 您 是 第 <%=(String)session.getAttribute("count")%> 个 访问 本 站 的 人 。</p> 
</body> 
</html> 


运行 此 页 面 的 效果 如 图 7-58 所 示 〈 其 中 ,“A New Session is start...” 只 在 第 一 次 显示 ， 
刷新 后 就 不 会 显示 ， 除 非 产 生 新 会 话 )。 


http://locuhost/jsp/sessiondeno. ja £3 
国 [http://locdlhost/jsp/ sessionDeno. jsp 


A New Session is start... 


您 是 第 1 个 访问 本 站 的 人 。 


图 7-58 ”运行 效果 图 
7.6.5 ”Web 应 用 程序 全 局 对 象 application 


application 对 象 用 于 保存 所 有 应 用 程序 中 的 公有 数据 ， 服 务 器 启动 并 且 自 动 创建 
application 对 象 后 ， 只 要 没有 关闭 服务 器 ，application 对 象 将 一 直 存在 ， 所 有 用 户 可 以 共享 。 

服务 器 启动 后 就 产生 了 这 个 application 对 象 ， 当 客户 在 所 访问 的 网 站 的 各 个 网 页 之 间 
浏览 时 ， 这 个 application 对 象 都 是 一 个 ， 直 到 服务 器 关闭 。 与 session 不 同 的 是 ， 所 有 客户 
的 application 对 象 都 是 一 个 ， 即 所 有 客户 共享 这 个 内 置 的 application 对 象 。application 对 象 
的 常用 方法 如 表 7-15 所 示 。 

表 7-15 ”application 对 象 的 常用 方法 
方 ” 法 
getAttribute(String name) 
getAttribute(String name,Object obj) 


功 能 
获得 指定 名 字 的 application 对 象 属性 的 值 
用 object 来 初始 化 某 个 由 name 指定 的 属性 
返回 application 对 象 存储 的 每 一 个 属性 的 名 字 
返回 application 对 象 某 个 属性 的 初始 值 
删除 一 个 指定 的 属性 
返回 当前 版 本 Serviet 编辑 器 的 信息 


etAttributeNames| 
etInitParameter(String name, 


removeAttribute(String name) 


getServerInfo() 


305 


er 


夕 Web 开发 实用 技术 基础 


功 能 


getContext(URD 返回 指定 URI 的 serletContext 
getMajorVersion() 返回 ServletAPI 的 版 本 
etMimeeType(URD 返回 指定 URI 的 文件 格式 


返回 指定 URL 的 实际 路 径 


例 7.18 下 面 举 例 说 明 application 对 象 的 使 用 方法 。 这 个 例子 包含 两 个 网 页 文件 : 
applicationData.jsp 和 usingApplication.jsp。 
下 面 是 applicationData.jsp 页 面 的 代码 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 
<IDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
lloose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=/SO-8859-1"> 

<title> 设 置 application 数据 </title> 

</head> 

<body> 

<% 
application.setAttribute ("title"," 题 目 "); 
application.setAttribute("author"," 作 者 "); 

%> 

<a href="usingApplication.jsp"> 显 示 设 置 的 application 数据 内 容 </a> 


</body> 
</html> 


下 面 是 usingApplication.jsp 页 面 的 代码 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312"%> 

<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
lloose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=/SO-8859-1"> 

<title> 使 用 application 数据 </title> 

</head> 

<body> 

tile=<%=application.getAttribute ("title") %><br/> 

author=<%=application.getAttribute("author ) %><br/> 

</body> 

</html> 
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applicationData.jsp 页 面 的 运行 结果 如 图 7-59 所 示 。 


7-59 applicationData.jsp 页 面 的 运行 结果 


单 击 “ 显 示 设 置 的 application 数据 内 容 ” 超 链接 后 ， 跳 转 到 using Application.jsp 页 面 ， 
结果 如 图 7-60 所 示 。 


title= 题 卓 


author= 作 者 


图 7-60 using Application.jsp 页 面 的 运行 结果 


7.6.6 ”向 客户 输出 数据 对 象 out 


out 对 象 主要 用 来 向 客户 端 输出 各 种 数据 类 型 的 内 容 ， 并 且 管 理应 用 服务 器 上 的 输出 
冲 区 ， 缓 冲 区 默认 值 一 般 是 8KB， 可 以 通过 页 面 指令 page 来 改变 其 默认 值 。 在 使 用 out 输 
数据 时 ， 可 以 对 数据 缓冲 区 进行 操作 ， 及 时 清除 缓冲 区 中 的 残余 数据 ， 为 其 他 的 输出 让 
缓冲 空间 。 

在 JSP 页 面 中 ， 可 以 通过 out 对 象 调用 clear() 方 法 清除 缓冲 区 的 内 容 。out 对 象 的 常用 
方法 如 表 7-16 所 示 。 


[= 


表 7-16 out 对 象 的 常用 方法 


方法 说 了 明 
clear() 清除 缓冲 区 中 的 数据 ， 若 是 空 的 ， 则 会 产生 IOException 的 异常 
clearBuffer() 清除 缓冲 区 中 的 数据 ， 若 是 空 的 ， 并 不 会 产生 IOException 的 异常 
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续 表 
方 ” 法 说 明 
flush0) 直接 将 目前 暂 存 于 缓冲 区 的 数据 输出 
getBufferSizeO) 返回 缓冲 区 的 大 小 
getRemaining() 返回 缓冲 区 剩余 的 空间 大 小 
isAutoFlush|O 返回 布尔 值 表示 是 否 自动 输出 缓冲 区 中 的 数据 
newWLin 输出 换行 
print(datatype data) 输出 数据 类 型 为 datatype 的 数据 data 
rintln(datatype data) 输出 数据 类 型 为 datatype 的 数据 data， 并 自动 换行 


7.6.7 ” 读 取 web.xml 配置 信息 对 象 config 


config 对 象 被 封装 成 javax.servlet.ServletConfigjiekou， 它 表示 Servlet 的 配置 ， 当 一 个 
Servlet 初始 化 时 ， 容 器 把 某 些 信息 通过 此 对 象 传递 给 这 个 Servlet。 开 发 者 可 以 在 web.xml 
文件 中 为 应 用 程序 环境 中 的 Servlet 程序 和 JSP 网 页 提供 初始 化 参数 。config 对 象 的 常用 方 
法 如 表 7-17 所 示 。 


表 7-17 config 对 象 的 常用 方法 


返回 执行 者 的 Servlet 上 下 文 


返回 Servlet 的 名 字 
返回 名 字 为 name 的 初始 参数 的 值 
etInitParameterName() 返回 这 个 JSP 所 有 的 初始 参数 的 名 字 


其 中 较为 常用 的 是 getInitParameter() 和 getInitParameterName()， 通 过 它们 可 以 获得 
Servlet 初始 化 时 的 参数 。 


7.6.8 其 他 JSP 内 建 对 象 


在 JSP 内 置 对 象 中 ，pageContext、page 及 exception 这 些 对 象 是 不 经 常 使 用 的 ， 下 面 进 
行 简单 介绍 。 

1. 获取 会 话 范围 的 pageContext 对 象 

pageContext 对 象 是 一 个 比较 特殊 的 对 象 , 它 相 当 于 页 面 中 其 他 对 象 功能 的 最 大 继承 者 ， 
使 用 它 可 以 访问 本 页 中 所 有 其 他 对 象 。pageContext 对 象 被 封装 成 javax.servlet.pageContext 


接口 ， 主 要 用 于 管理 JSP 中 特殊 可 见 部 分 中 已 经 命名 对 象 的 访问 ， 它 的 创建 都 是 由 容器 来 
完成 的 。pageContext 对 象 的 常用 方法 如 表 7-18 所 示 。 
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表 7-18 pageContext 对 象 的 常用 方法 


方法 
forward(java.lang.StringrelativeUtlpath) 


说 了 明 


把 网 页 转发 到 另 一 个 页 面 或 者 Servlet 组 件 上 


getAttribute(java.lang. Stringname[,int scope]) 


scope 参数 是 可 选 的 ， 该 方法 用 来 检索 一 个 特定 的 已 经 命名 对 
象 的 范围 ， 并 且 还 可 以 通过 调用 getAttributeNameInScope() 方 
法 ， 检 索 某 个 特定 范围 的 每 个 属性 String 字符 串 名 称 的 枚 举 


getException() 返回 当前 的 exception 对 象 
getRequestO) 返回 当前 的 request 对 象 
getResponse() 返回 当前 的 response 对 象 


Invalidate() 
setAttribute() 


返回 当前 页 面 的 servletConfig 对 象 
返回 servletContext 对 象 ， 全 部 销毁 
设置 默认 网 页 范围 或 特定 对 象 范围 之 中 的 已 命名 对 象 


removeAttribute( 


删除 默认 网 页 范围 或 特定 对 象 范围 之 中 的 已 命名 对 象 


pageContext 对 象 在 实际 JSP 开发 应 用 中 很 少 使 用 , 因为 request 和 response 等 对 象 可 以 
直接 调用 方法 进行 使 用 ， 如 果 通 过 pageContext 对 象 来 调用 其 他 对 象 有 些 麻烦 。 


2. 应 用 和 请 求 页 面 的 page 对 象 


page 对 象 是 为 了 执行 当前 网 页 应 答 请 求 而 设置 的 Servlet 类 的 实体 ， 即 显示 JSP 页 面 本 
身 ， 只 有 在 JSP 网 页 内 才 是 合法 的 ， 类 似 于 类 中 的 this 指针 。page 隐 含 对 象 本 质 上 包括 当 
前 Servlet 接口 引用 的 变量 ， 因 此 该 对 象 对 于 开发 JSP 比较 有 用 。page 对 象 比 较 常 用 的 方法 


如 表 7-19 所 示 。 


表 7-19 page 对 象 的 常用 方法 
方法 方法 描述 

etClass() 返回 当前 Object 的 类 
hashCode() 返回 此 Object 的 哈 希 代码 
toString0 将 此 Object 类 转换 成 字符 串 
Equals(Object o) 比较 此 对 象 和 指定 的 对 象 是 否 相等 
copy(Object o. 把 此 对 象 赋值 到 指定 的 对 象 中 去 
Clone0) 对 此 对 象 进行 克隆 
notifyO) 唤醒 一 个 等 待 的 线程 


wait() 


使 一 个 线程 处 于 等 待 直到 被 唤醒 


例 7.19 一 个 使 用 page 对 象 的 例子 。 设 定 page 指令 的 info 属性 为 page 对 象 示例 ， 然 
后 使 用 方法 getServletInfo 获取 info 属性 的 值 。 代 码 如 下 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 


pageEncoding="gb2312"%> 


<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 


/loose.dtd"> 
<html> 
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<head> 
<meta http-equiv="Content Type" content="text/html; charset=/SO-8859-1"> 
<title>page 对 象 示例 </title> 
</head> 
<body> 
<%@ page import = "java.lang.Object" %> 
<%@ page import = "javax. servlet.jsp.*" %> 

<center><h3>Page 内 置 对 象 的 实例 </h3></center> 

<%!Object obj;%> 
getClass : <%=page.getClass()%> 


<br> 
hashCode : <%=page.hashCode()%> 
<br> 
toString : <%=page.toString()%> 
<br> 
equals : <%=page.equals(obj) %> 
<br> 
equlas2 : <%=page.equals(this)%><br/> 
<h2>page 隐 含 对 象 </h2> 
Page Information= <%=((HttpJspPage)page).getServletinfo() %><br> 
</body> 
</html> 


运行 结果 如 图 7-61 所 示 。 


Ee Bt heete Sagreh root Boe inkee tol 
-OO-%- iG- 0- BETA- 


re eM 


[ET 


Page 内 置 对 象 的 实例 


sa org. apache. jsp. pageDemo_jsp 
37557 
org. apache. jsp. pageDemo_ jsp@c6eff5 
false 
eaqulas2 : true 


page 隐 含 对 象 


Page Information= Jasper JSP 2.1 Engine 


二 
加 


7-61 运行 结果 
3. 获取 异常 信息 的 exception 对 象 


exception 内 置 对 象 用 来 处 理 JSP 文件 执行 时 发 生 的 所 有 错误 和 异常 。exception 对 象 和 
Java 的 所 有 对 象 一 样 ， 都 具有 系统 的 继承 结构 ，exception 对 象 几乎 定义 了 所 有 的 异常 情况 ， 
它 和 常见 的 错误 有 所 不 同 。 这 里 的 错误 指 的 是 可 以 预见 的 ， 并 且 知 道 如 何 解决 的 情况 ， 一 
般 在 编译 时 可 以 发 现 。exception 对 象 不 能 在 一 般 的 JSP 文件 中 直接 使 用 ， 如 果 要 使 用 ， 必 
须 在 Page 指令 中 设 定 。 设 定 代 码 为 “<%(@page isErrorpage="true"%>”。exception 对 象 比 较 
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常用 的 方法 如 表 7-20 所 示 。 
表 7-20 exception 对 象 的 常用 方法 

方 法 说 明 
getMessage() 返回 异常 消息 字符 串 
getLocalizedMessage() 返回 本 地 化 语言 的 异常 错误 
PrintfStackTrace0 显示 异常 的 栈 跟踪 轨迹 
toString() 返回 关于 异常 错误 的 简单 信息 描述 
filInStackTrace0) 重 写 异常 错误 的 栈 执行 轨迹 


例 7.20 一 个 获取 异常 信息 的 exception 对 象 示例 。 

通过 exception 异常 对 象 将 系统 出 现 的 异常 转向 到 其 他 页 面 。 

下 面 是 exception.jsp 页 面 ， 它 是 一 个 有 错误 的 页 面 。 设 置 错误 的 页 面 是 errorjsp， 其 代 
码 如 下 : 


<%@ page language="java" contentType="text/html; charset=gb2312" 
pageEncoding="gb2312" errorPage="errorjsp"%> 

<IDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
/loose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 

<title>exception 错误 </title> 

</head> 

<body> 

结果 = 


<% 


int a=100; 
int b=0; 
out.printin(a/b); 
%> 
</body> 
</html> 


其 对 应 的 error.jsp 的 内 容 是 : 


<%@ page language="java" contentType="text/html; charset=GB2312" 
pageEncoding="GB2312" isErrorPage="true" import="java.io.™ %> 

<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
/loose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 

<title>exception 错误 提示 页 面 </title> 

</head> 

<body> 
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<%=exception%> <br/> 
错误 提示 为 : <%=exception.getMessage()%><br/> 


</body> 
</html> 


java. lang. ArithmeticException: / by zero 


错误 提示 为 : / by zero 


7-62 ”运行 exception.jsp 的 结果 


7.7 JDBC 技术 


JDBC (Java DataBase Connectivity) 是 Sun 公司 制定 的 用 于 Java 语言 进行 数据 库 连 接 
的 技术 ， 它 是 独立 于 数据 库 管理 系统 的 ，JDBC API 提供 了 标准 的 应 用 程序 接口 。 


7.7.1 JDBC 技术 简介 


JDBC 和 ODBC 作用 非常 相似 ， 它 们 在 应 用 程序 和 数据 库 之 间 起 到 桥梁 的 作用 。JDBC 
虽然 和 ODBC 相似 , 但 是 仍 有 一 些 区 别 。ODBC 是 微软 公司 的 开放 式 数据 库 连 接 接口 (Open 
DataBase Connectivity)， 它 具有 任何 平台 和 任何 数据 库 的 更 加 广泛 的 数据 库 连 接 能 力 。JDBC 
中 4 种 驱动 程序 中 的 JDBC-ODBCBridge 驱动 就 是 通过 ODBC 实现 所 有 的 数据 库 的 连接 访问 。 

ODBC 驱动 程序 必须 安装 在 客户 端的 机 器 上 ， 而 JDBC 可 以 直接 在 本 地 或 远程 数据 库 
服务 器 上 执行 。JDBC 安装 部 署 简 单 ， 在 安全 性 、 易 用 性 、 维 护 性 等 方面 都 比 ODBC 要 高 。 
关于 ODBC 的 知识 ， 读 者 可 参考 其 他 书籍 。 在 JSP 中 进行 Web 开发 时 访问 数据 库 主要 是 通 
过 JDBC 来 实现 的 。 


7.7.2 ”JDBC 驱动 程序 


JDBC 驱动 程序 用 于 解决 应 用 程序 与 数据 库 通信 的 问题 , 它 可 分 为 JDBC-ODBC Bridge、 
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JDBC-Native API Bridge、JDBC-middleware 和 PureJDBC-Driver 4 种 ， 下 面 分 别 进行 介绍 。 
1. JDBC-ODBC Bridge 


JDBC-ODBC Bridge 是 通过 本 地 的 ODBC Driver 连接 到 RDBMS 上 的 ,这 种 连接 必须 将 
ODBC 二 进 制 代码 加 载 到 使 用 该 驱动 程序 的 每 个 客户 机 上 ， 所 以 这 种 类 型 的 驱动 程序 最 适 
合 于 企业 网 ， 或 者 利用 Java 编写 的 3 层 结构 的 应 用 程序 服务 器 代码 。 


2. JDBC-Native API Bridge 


JDBC-Native API Bridge 驱动 通过 调用 本 地 的 native 程序 实现 数据 库 连 接 ， 这 种 类 型 的 
驱动 程序 把 客户 机 API 上 的 JDBC 调用 转换 为 Oracle、Sybase、Informix、DB2 和 DBMS 
的 调用 。 需 要 注意 的 是 ， 与 JDBC-ODBC Bridge 驱动 程序 一 样 ， 驱 动 程序 要 求 将 某 些 二 进 
制 代码 加 载 到 每 台 客户 机 上 。 


3. JDBC-middleware 


JDBC-middleware 驱动 是 一 种 完全 利用 Java 编写 的 JDBC 驱动 , 这 种 程序 将 JDBC 转换 
为 与 OBMS 无 关 的 网 络 协议 ， 再 将 这 种 程序 通过 网 络 服务 器 转换 为 DBMS 协议 ， 这 种 网 络 
服务 器 中 间 件 能 够 将 纯 Java 客户 机 连接 到 不 同 的 数据 库 上 。 为 了 使 这 些 产 品 也 支持 Intemet 
访问 ， 必 须 处 理 Web 所 提供 的 安全 性 、 通 过 防火 墙 的 访问 等 方面 的 额外 要 求 。 

4. PureJDBC-Driver 


PureJDBC-Driver 驱动 是 一 种 完全 利用 Java 编写 的 JDBC 驱动 , 这 种 类 型 的 驱动 程序 将 
JDBC 调用 直接 转换 为 DBMS 所 使 用 的 网 络 协议 ， 这 允许 从 客户 机 上 直接 调用 DBMS 服务 
器 ， 是 Intermet 访问 的 一 个 很 实用 的 解决 方法 。 


7.7.3 JDBC 中 的 常用 接口 


JDBC 提供 了 许多 接口 和 类 ， 通 过 它们 可 以 实现 与 数据 库 的 通信 。 
1. 了 驱动 程序 接口 Driver 


每 种 数据 库 的 驱动 程序 都 应 该 提供 一 个 实例 java.sql.Driver 接口 的 类 ， 在 加 载 时 ， 应 创 
建 自己 的 实例 并 向 java.sql.DriverManager 类 注册 该 实例 。 通 常 通过 java.sql.Class 类 的 静态 
方法 forName(String className) 加 载 要 连接 数据 库 的 Driver 类 。 成 功 加 载 后 , 会 将 Driver 类 
的 实例 注册 到 DriverManager 类 中 ， 若 加 载 失败 ， 将 抛 出 ClassNotFoundException 异常 ， 即 
未 找到 指定 的 Driver 类 的 异常 。 


2. 了 驱动 程序 管理 器 driverManager 


java.sql.DriverManager 类 负责 管理 JDBC 驱动 程序 的 基本 服务 ， 是 其 管理 层 ， 负责 跟踪 
可 用 的 驱动 程序 ， 并 在 数据 库 和 驱动 程序 之 间 建 立 连接 。 此 外 ，DriverManager 类 也 处 理 如 
驱动 器 程序 登录 时 间 限 制 及 登录 和 跟踪 消息 的 显示 等 工作 。 成 功 地 加 载 Driver 类 并 在 
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DriverManager 类 中 注册 后 ，DriverManager 类 即 可 用 来 建立 数据 库 连 接 。 表 7-21 列 出 了 
DriverManager 类 提供 的 常用 方法 。 


表 7-21 DriverManager 类 的 常用 方法 


功 能 
为 静态 方法 ， 用 来 获得 数据 库 连接 ， 有 3 个 入 口 参数 : URL、 用 户 
名 和 密码 ， 返 回 值 类 型 为 java.sql.Connection 
为 静态 方法 ， 用 来 设置 每 次 的 等 待 建立 数据 库 连 接 的 最 长 时 间 
为 静态 方法 ， 用 来 设置 日 志 的 输出 对 象 
为 静态 方法 ， 用 来 输出 指定 消息 到 当前 的 JDBC 日 志 流 


setLoginTimeout(int seconds) 


setLogWriter(java.io.printWriter out) 


rintIn(String message) 


3. 数据 库 连 接 接口 Connection 


java.sql.Connection 接口 负责 与 特定 数据 库 的 连接 , 在 连接 的 上 下 文中 可 以 执行 SQL 语 
句 并 返回 结果 ， 还 可 以 通过 getMetaData() 方 法 获得 由 数据 库 提供 的 相关 信息 ， 如 数据 表 、 
连接 信息 等 信息 。Connection 接口 提供 的 常用 方法 如 表 7-22 所 示 。 


表 7-22 Connection 接口 的 常用 方法 
方法 功能 

creatStatement() 创建 并 返回 一 个 Statement 实例 ， 通 常 在 执行 无 参数 的 SQL 语句 时 创建 该 实例 
创建 并 返回 一 个 prepareStatement 实例 ， 通 常 在 执行 包含 参数 的 SQL 语句 时 创建 
该 实例 ， 并 对 SQL 语句 进行 预 编译 处 理 

prepareCall|) 创建 并 返回 一 个 prepareCall 实例 ， 通 常 在 调用 数据 库存 储 时 创建 该 实例 
设置 当前 Connection 实例 的 自动 提交 模式 ， 默 认为 tue， 即 自动 将 更 改 同 步 到 数 
setAutoCommit() 据 库 中 ， 如 果 设 为 false， 需 要 通过 执行 Commit0 和 Rollback() 方 法 手动 将 更 改 同 


prepareStatement() 


步 到 数据 库 中 
. 查看 当前 的 Connection 实例 是 否 处 于 自动 提交 模式 ， 如 果 是 则 返回 tue， 和 否则 返 
getAutoCommit() 
回 false 
. 在 电脑 当前 事务 中 创建 并 返回 一 个 Savepoint 实例 , 但 当前 的 Connection 实例 不 能 
setSavepoint() 


处 于 自动 提交 模式 ， 否 则 将 抛 出 异常 
release Savepoint() ”| 从 当前 事务 中 移 除 指定 的 Savepoint 实例 
设置 当前 的 Connection 实例 的 读 取 模 式 ， 默 认为 非 只 读 模式 ， 不 能 在 事务 中 执行 


SeOny0 | 该 操作 ， 否 则 将 抛 出 异常 

isReadOnly() 查看 当前 的 Connection 实例 是 否 为 只 读 模 式 ， 如 果 是 则 返回 true， 否 则 返回 false 

isClosed() 查看 当前 的 Connection 实例 是 否 被 关闭 ， 如 果 是 则 返回 trwe， 否 则 返回 false 

Gy 将 从 上 一 次 提交 或 者 回 滚 以 来 进行 的 所 有 更 改 同步 到 数据 库 ， 并 释放 Connection 
实例 当前 拥有 的 所 有 数据 库 锁定 

Rollback0) 取消 当前 事务 中 的 所 有 更 改 , 并 释放 Connection 实例 当前 拥有 的 所 有 数据 库 锁 定 ; 
但 只 能 在 非 自动 提交 模式 下 使 用 

Close0 立即 释放 Connection 实例 占用 的 数据 库 和 JDBC 资源 ， 即 关闭 数据 库 连 接 
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4. 执行 SQL 语句 接口 Statement 


Statement 对 象 主要 用 于 执行 SQL 语句 ， 对 数据 库 进行 操作 。 可 利用 其 creatStatement 
方法 创建 一 个 Statement 对 象 。java.sql.Statement 接口 可 用 来 执行 静态 的 SQL 语句 ， 并 获得 
一 个 记录 结果 集 的 ResultSet。Statement 接口 提供 的 常用 方法 如 表 7-23 所 示 。 


表 7-23 Statement 接 口 的 常用 方法 


太一 沪 功 能 
Cancle0 用 来 取消 一 个 线程 正在 执行 的 语句 
execute() 用 来 执行 一 条 可 能 返回 多 个 结果 的 SQL 语句 


用 来 关闭 Statement 对 象 , 释放 与 该 句 有 关 的 JDBC 资源 , 如 果 它 有 相应 的 结果 集 
ResultSet， 则 也 会 被 关闭 
执行 batch 中 的 所 有 SQL 语句 ， 如 果 全 部 执行 成 功 ， 则 返回 由 更 新 计数 组 成 的 数 
组 ， 其 排列 顺序 与 SQL 语句 的 添加 顺序 对 应 

clear Batch() 清除 位 于 batch 中 的 所 有 SQL 语句 ， 如 果 驱 动 程序 不 支持 批量 处 理 则 抛 出 异常 
执行 静态 的 INSERT、UPDATE 或 DELETE 语句 ， 并 返回 一 个 int 型 数值 ， 为 同 


close() 


executeBatch() 


executeUpdate() 步 更 新 记录 的 条 数 
add BatchO 将 指定 的 SQL 命令 添加 到 batch 中 ， 如 果 驱 动 程序 不 支持 批量 处 理 则 抛 出 异常 


5. 执行 动态 SQL 语句 接口 PreparedStatement 


PreparedStatement 继承 于 Statement， 是 Statement 接口 的 扩展 ， 用 来 执行 动态 的 SQL 
语句 ， 创 建 带 有 参数 的 SQL 语句 对 象 。 通 过 PreparedStatement 实例 执行 的 动态 SQL 语句 ， 
将 被 预 编译 并 保存 到 PreparedStatement 实例 中 ， 可 以 反复 并 且 高 效 地 执行 该 SQL 语句 。 
PreparedStatement 的 使 用 方法 如 下 : 


preparedStatement ps=connection 

preparedStatement("select*from table-name where id>? And(name=? or name=?)"); 
ps.setlnt(1,1); 

ps.setString(2, "wgh"); 

ps.setObject(3, " sk"); 

Resultset rs =ps.executeQuery(); 


PreparedStatement 接口 提供 的 常用 方法 如 表 7-24 所 示 。 
表 7-24 ”PreparedStatement 接口 的 常用 方法 
功 能 
执行 前 面包 括 参 数 的 动态 SELECT 语句 ， 并 返回 一 个 永远 不 能 为 null 的 ResultSet 
实例 
执行 前 面包 括 参 数 的 动态 INSERT、UPDATE 或 DELETE 语句 ， 并 返回 一 个 int 型 


方 ” 法 


executeQuery() 


executeUpdate | 数值 ， 为 同步 更 新 记录 的 条 数 
clearParameters() | 清除 当前 所 有 参数 的 值 
closeO 关闭 ResultSet 对 象 并 释放 资源 
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续 表 
方 ， ,法 功 能 
setXxx() 为 指定 参数 设置 Xxx 型 值 
execute() 用 来 执行 一 条 可 以 返回 多 个 结果 的 SQL 语句 ， 返 回 值 是 一 个 布尔 值 
setBoolean() 设置 一 个 参数 的 布尔 值 


6. 执行 存储 过 程 接 口 CallableStatement 


Java.sql.CallableStatement 接口 继承 PreparedStatement 接口 ， 是 PreparedStatement 接口 
的 扩展 ， 用 来 执行 SQL 的 存储 过 程 。 

JDBCAPI 定 义 了 一 套 存 储 过 程 SQL 转 义 语法 , 该 语法 允许 对 所 有 的 RDBMS 通过 标准 
方式 调用 存储 过 程 。 该 语法 定义 了 两 种 形式 ， 分 别 为 包含 结果 参数 和 不 包含 结果 参数 。 如 
使 用 结果 参数 ， 必 须 将 其 注册 为 OUT 型 参数 ， 参 数 是 根据 定义 位 置 按 顺序 引用 的 ， 第 一 个 
参数 的 索引 为 1。CallableStatement 可 以 返回 一 个 或 多 个 ResultSet 实例 。 处 理 多 个 ResultSet 
对 象 的 方法 是 从 Statement 中 继承 来 的 .CallableStatement 接口 提供 的 常用 方法 如 表 7-25 所 示 。 


表 7-25 ”CallableStatement 接口 的 常用 方法 


方 ” 法 功 能 

getIntO) 获取 一 个 参数 的 整数 值 
getLong0) 获取 一 个 参数 的 长 整数 值 
getShort 获取 一 个 参数 的 短 整 数值 
getString 获取 一 个 参数 的 字符 串 值 
getDouble() 获取 一 个 参数 的 双 精 度 值 
getFloat| 获取 一 个 参数 的 单 精度 值 
getByte() 获取 一 个 参数 的 Byte 值 
getDate0) 获取 一 个 参数 的 日 期 值 
getBooleanl 获取 一 个 参数 的 Boolean 值 


7.7.4 ”JDBC 连接 数据 库 的 方法 


应 用 程序 访问 数据 库 服务 器 ， 首 先 要 进行 的 是 连接 数据 库 。 使 用 JSP 开发 Web 应 用 程 
序 ， 常 使 用 JDBC 来 实现 数据 库 的 连接 访问 。JSP 可 以 直接 使 用 它们 来 访问 数据 库 。 下 面 以 
SQL Server 数据 库 为 例 介绍 几 种 常用 数据 库 的 JDBC 连接 方法 。 


1. SQL Server 2000 数据 库 


<%@ page contentType="text/html;charset=gb2312" import="java.sql.* "%> 
<html> 

<head> 

<title>JDBC 连接 :SQL Server 2000 数据 库 </title> 

</head> 
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<body> 

<% 

//Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");// 载 入 驱动 程序 

JString url="jdbc:odbc:bb; "//bb 为 OBDC 数据 源 名 称 

Class.forName("com.microsoft.jdbc.sqlserver.SQLServerDriver").newlInstance(); 

String 

url= "jdbc: microsoft:sqlserver://localhost:1433;DatabaseName=data"; // 连 接 字符 串 

/data 为 数据 库 名 称 

String username"";// 用 户 名 

String password"":// 用 户 密码 

Connection con=DriverManager.getConnection(url, username, password);// 建 立 数据 库 连接 

Statement stmt=con.createStatement(ResultSet.TYPE-SCROLL-INSENSITIVE, 
ResultSet.CONCUR-READ-ONLY); 

String sql="select*from student"; 

ResultSet rs=stmt.executeQuery(Sql); 

While(rs.next()X{ 

System.out.println(" 数 据 库 服务 器 连接 成 功 。"); 

Rs.close(); 

Stmt. close(); 

Con. close(); 

%> 

</body> 

</html> 


2. MySQL 数据 库 


<%@ page contentType="text/html;charset=gb2312" import="java.sql.* "%> 

<html> 

<head> 

<title>JDBC 连接 :MySQL 数据 库 </title> 

</head> 

<body> 

<% 

Class.forName("org.gjtmm.mysqlDriver").newlnstance(); 

String url= "jdbc: mysql://locallhost/StudentData?user=username&"+ 

"password=password&useUnicode=true;characterEncoding=8859-1; "// 连 接 字符 串 

// StudentData 为 数据 名 ，username 为 用 户 名 ，password 为 用 户 密码 

Connection con=DriverManager.get Connection(url);// 建 立 数据 库 连接 

Statement stmt=con.createStatement(ResultSet.TYPE-SCROLL-INSENSITIVE, 
ResultSet.CONCUR-READ-ONLY); 

String sql="select*from student"; 

ResultSet rs=stmt.executeQuery(sql); 

While(rs.next())f 

System.out.printIn(" 数 据 库 服务 器 连接 成 功 。"); 

Rs.close(); 

Stmt. close(); 
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Con. close(); 
%> 

</body> 
</html> 


3. Oracle 数据 库 


<%@ page contentType="text/html;charset=gb2312" import="java.sql.* "%> 

<html> 

<head> 

<title>JDBC 连接 :Oracle 数据 库 </title> 

</head> 

<body> 

<% 

Class.forName("Orcel.jdbc.driver.orcalDriver"). newlnstance(); 

String url=" jdbc:orcal:thin:@localhost:1521: StudentData";// 连 接 字符 串 

//StudentData 为 数据 库 名 称 

String username; "// 用 户 名 

String password; "用户 密码 

Connection con=DriverManager.getConnection(url, username, password);// 建 立 数据 库 连 接 

Statement stmt=con.createStatement(ResultSet.TYPE-SCROLL-INSENSITIVE, 
ResultSet.CONCUR-READ-ONLY); 

String sql="select*from student"; 

ResultSet rs=stmt.executeQuery(sql); 

While(rs.next())f{ 

System.out.println(" 数 据 库 服务 器 连接 成 功 。"); 

Rs.close(); 

Stmt. close(); 

Con. close(); 

%> 

</body> 

</html> 


7.8 ”JavaBean 封装 数据 库 


使 用 JSP 开发 Web 应 用 程序 ， 常 常 需 要 访问 后 台数 据 连接 ， 应 用 程序 连接 数据 库 服务 
器 是 一 件 频繁 且 消 耗资 源 的 事情 , 因此, 常 使 用 JavaBean 来 封装 服务 器 数据 库 的 连接 信息 ， 
并 完成 数据 库 的 访问 。 

JavaBean 是 一 种 可 复 用 的 、 跨 平台 的 软件 组 件 ， 它 可 以 将 所 有 需要 实现 的 业务 都 封装 
在 一 个 组 件 中 ， 而 Java 程序 则 可 以 通过 对 JavaBean 组 件 的 调用 ， 实 现 查询 、 添 加 、 修 改 、 
删除 等 功能 。 
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7.8.1 JSP 与 JavaBean 的 关系 


如 果 把 全 部 的 业务 逻辑 代码 都 放 在 JSP 页 面 ， 那 么 JSP 程序 就 和 传统 的 ASP 代码 没有 
太 大 区 别 ， 都 会 在 代码 维护 过 程 中 遇 到 “一 处 动 ， 处 处 动 ”这 种 爆 炊 的 情况 。 因 此 ， 还 需 
要 把 和 显示 逻辑 无 关 的 业务 逻辑 或 者 数据 库 访 问 逻 辑 等 代码 用 JavaBean 封装 起 来 。 

JavaBean 从 表现 形式 上 来 看 ， 是 封装 了 诸多 逻辑 的 Java 代码 ， 从 架构 的 角度 上 来 讲 ， 
由 于 不 必 把 业务 逻辑 等 的 代码 放 到 JSP 中 ， 所 以 采用 JSP+JavaBean 形式 开发 的 代码 可 以 实 
现 良好 的 “逻辑 分 离 ” 作 用 。 

从 功能 上 讲 ，JavaBean 是 Java 的 可 重用 的 组 件 技术 ， 其 中 可 以 抽象 出 具有 通用 功能 的 
模块 和 代码 ， 使 用 JavaBean 不 仅 能 缩短 开发 时 间 ， 还 可 以 提高 代码 的 架构 ， 为 Web 应 用 带 
来 了 更 多 的 可 伸缩 性 。 

JSP、JavaBean 和 数据 库 之 间 的 关系 如 图 7-63 所 示 。 


调用 操作 数据 库 


图 7-63 JSP、JavaBean 和 数据 库 之 间 的 关系 


7.8.2 JavaBean 组 件 


因为 JavaBean 是 一 种 用 于 构建 可 重用 组 件 的 Java 类 库 ， 所 以 ， 一 般 把 数据 库 访问 的 业 
务 罗 辑 以 JavaBean 的 形式 封装 起 来 ,这 样 就 可 以 将 JSP 页 面 和 JavaBean 有 效 地 分 离 ， 加 强 
了 组 件 的 可 重用 性 。 

首先 ， 在 Eclipse 中 创建 的 一 个 动态 网 站 项 目 (Dynamic Web Project)， 在 JavaBeanDB 
项 目 中 的 Java Resources 下 新 建 一 个 包 (package)， 如 test; 然后 在 其 下 新 建 一 个 Java 类 ， 
如 Dbconn; 然后 在 DBconn.java 中 输入 以 下 代码 : 


package test; 
import java.sql.*; 
public class DBconn { 

static Connection conn=null; 

Statement stmt=null; 

ResultSet rs=null; 

public DBconn()0} 

public Connection getConnect(){ 

try{ 
Class.forName("net.sourceforge.jtds.jdbc.Driver"); 
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} catch (ClassNotFoundException e1){ 
System.out.printIn("Not Found The Class of The net.sourceforge.jtds.jdbc.Driver"); 
e1.printStackTrace(); 

} 

String url = "jdbc:jtds:sqlserver://localhost:1433/Studentinfo"; 

String user="sa 

String pwd="sa"; 

try{ 
conn=DriverManager.getConnection(url,user, pwd); 

} catch (SQLException e) { 
System.out.println(" 无 法 获得 Connection 对 象 !"); 
e.printStackTrace(); 

} 

return conn; 

} 

public ResultSet select(String sql}{ 

try{ 

stmt=conn.createStatement(ResultSetTYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_ 

READ_ONLY); 

rs=stmt.executeQuery(Sql); 

}catch(Exception eX{ 
e.printStackTrace(); 

} 

return rs; 

} 

public int insert(String sql}{ 

try{ 
stmt=conn.createStatement(); 
stmt.execute(sql);//executelnsert 

}catch(Exception eX{ 
e.printStackTrace(); 

} 

return 1; 

} 

public int delete(String sql){ 

try{ 

stmt=conn.createStatement(); 

stmt.executeUpdate(sql); 
}catch(Exception eX{ 
e.printStackTrace(); 
return 1; 
站 
public int update(String sql){ 
try{ 
stmt=conn.createStatement(); 
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stmt.executeUpdate(sql); 
}catch(Exception eX{ 


e.printStackTrace(); 
return 1; 


public int count(String sql){ 
int num=0; 
try{ 


stmt=conn.createStatement(); 


rs=stmt.executeQuery(sql); 
while(rs.next()){ 
num=rs.getlnt(1); 
} 
}catch(Exception eX{ 
e.printStackTrace(); 
} 
return num; 
} 
public int close(){ 
try{ 
if(rs!=nuIl) 
rs.close(); 
rs=null; 
if(stmt!=null) 
stmt.close(); 
if(conn!=null) 
conn.close(); 
}catch(Exception e }{ 
e.printStackTrace(); 
jfinally{ 
conn=null; 
} 
return 1; 
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主意 ， 这 里 使 用 的 是 net.sourceforge.jtds.jdbc.DriverJDBC 驱动 程序 的 1.2 版 本 ，jtds 的 


最 新 版 本 可 以 从 http://sourceforge.net/projects/jtds/files/ 网 站 上 下 载 。 此 时 应 确保 Java 的 
CLASSPATH 中 有 jtds-1.2.jar 的 路 径 , 或 者 将 jtds-1.2.jar 文 件 复制 到 工程 的 WebContenNMWEB- 
INF\ib 文件 夹 下 ， 如 图 7-64 所 示 。 

对 于 数据 库 ， 选 择 的 是 MS SQL Server 2000， 用 户 名 是 sa， 密 码 是 sa， 数 据 库 名 为 
StudentInfo， 其 中 包括 一 个 student 表 ， 表 中 有 4 个 字段 : ID 、Name、Age、Birthday， 其 结 
构 如 图 7-65 所 示 。 
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图 


日 节 javapeanDB 
由 -入 Deployment Descriptor: javaBeanDB 
由 - 促 Java Resources: sre 
由 - 台 JavaScript Resources 


由 - 蕊 build 
ER 
2 加 列 各 数据 类 型 长 度 
让 ed 只 | 下 varchar 50 
白色 1ib Name varchar 50 
其 jtds-1.2.jar Age int 4 
办 web. xml Birthday datetime 8 
7-64 ”WebContent\WEB-INF\lib 文件 夹 图 7-65 student 表 结 构 


7.8.3 页 面 显示 


数据 库 交 互 的 几 个 主要 操作 为 查询 、 插 入 、 更 新 、 删 除 ， 下 面 给 出 这 4 个 操作 的 页 面 


代码 。 


(1) 查询 页 面 为 studentSelectjsp， 代 码 如 下 : 


<%@ page language= "java" contentType="text/html; charset=GB2312” 
pageEncoding="GB2312"%> 
<!IDOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 


/loose.dtd"> 
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<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 
<title>Select Student</title> 

</head> 

<body> 

<%@page import="java.util.*" %> 

<%@page import= "java.sql.” %> 

<jsp:useBean id="dbconn" class="test.DBconn" scope="page" /> 


<% 
dbconn.getConnect(); 
String sql="select * from student"; 
ResultSet rs = dbconn.select(sql); 
if (rs.wasNull()) out.printin("rs is NULL........... A 
%> 
<table bordercolor="blue" border="1" align="center"> 
<tr> 
<td>ID</td> 
<td>Name</td> 
<td>Age</td> 
</tr> 
<% 


while(rs.next()}{ 


人 
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%> 
<tr> 
<td><%=rs.getString("ID") %></td> 
<td><%=rs.getString("Name") %></td> 
<td><%=rs.getString("Age") %></td> 
<kr> 


<% 


%> 

</table> 

<% 
dbconn.close(); 
out.println("Success closed!"); 

%> 

</body> 

</html> 


运行 结果 如 图 7-66 所 示 。 


| 
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图 7-66 查询 页 面 的 运行 结果 
(2) 插入 页 面 为 studentInsertjsp， 代 码 如 下 : 


<%@ page language="java" contentType="text/html; charset=GB2312” 
pageEncoding="GB2312"%> 

<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
/loose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 

<title>Insert Student</title> 

</head> 

<body> 
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<%@page import="java.util.*" %> 
<%@page import="java.sql.*" %> 
<jsp:useBean id="dbconn" class="test.DBconn" scope="page" /> 
<% 
dbconn.getConnect(); 
String sql="insert into student(id,name,age,birthday) values('6"',' 赵 钱 ','20','1990-01-02")"; 
dbconn.insert(sql); 
out.printIn(" 插 入 数据 ('6', 赵 钱 ','20','1990-01-02') 成 功 !"); 
%> 
<br/> 
<a href="studentSelect.jsp"> 显 示 所 有 学 生 信息 </a> 
</body> 
</html> 


运行 结果 如 图 7-67 所 示 。 


ile Bit visete Sasreh Eroject Bm Wador Hp 


-0O-%- 
SOOT. 


rrojeet Ipierer 于 


图 7-67 插入 页 面 的 运行 结果 
(3) 更 新 页 面 为 studentUpdate.jsp， 代 码 如 下 : 


<%@ page language="java" contentType="text/html; charset=GB2312” 
pageEncoding="GB2312"%> 

<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
/loose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 

<title>Update Student</title> 

</head> 

<body> 

<%@page import="java.util.*" %> 

<%@page import="java.sql.*" %> 

<jsp:useBean id="dbconn" class="test.DBconn" scope="page" /> 
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<% 
dbconn.getConnect(); 
String studentlnfoSQL="select * from student"; 
ResultSet rs = dbconn.select(studentInfoSQL); 
out.printin(" 更 新 数据 信息 :<br/>"); 
while(rs.next()}{ 
if(rs.getString("ID").equals("6"))}{ 
%> 
ID:<%=rs.getString("ID") %><br/> 
Name:<%=rs.getString("Name") %><br/> 
Age:<%=rs.getString("Age") %><br/><br/> 
<p> 将 更 新 为 : </p><br/> 
<p> 
ID:6<br/> 
Name: 赵 倩 <br/> 
Age:21<br/></p> 
<% 
” 
i 
String sql="update student set ID=6,Name=' 赵 倩 ,Age=21 where ID=6 "; 
if(dbconn.update(sql)==1){ 
out.printin(" 更 新 id=6 的 数据 成 功 ! "); 
站 
dbconn.close();%> 
<br/> 
<a href="studentSelect.jsp"> 显 示 所 有 学 生 信息 </a> 
</body> 
</html> 


运行 结果 如 图 7-68 所 示 。 
(4) 删除 页 面 为 studentDeletejsp， 代 码 如 下 : 


<%@ page language="java" contentType="text/html; charset=GB2312” 
pageEncoding="GB2312"%> 

<!IDOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4 
lloose.dtd"> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=GB2312"> 

<title>Delete Student</title> 

</head> 

<body> 

<%@page import="java.util.*" %> 

<%@page import="java.sql.*" %> 

<jsp:useBean id="dbconn" class="test.DBconn" scope="page" /> 

Ly 
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dbconn.getConnect(); 
String studentlnfoSQL="select * from student"; 
ResultSet rs = dbconn.select(studentInfoSQL); 
out.printin(" 删 除数 据 信息 :<br/>"); 
while(rs.next()}{ 
if(rs.getString("ID").equals("6")}X{ 
%> 
ID:<%=rs.getString("ID") %><br/> 
Name:<%=rs.getString("Name") %><br/> 
Age:<%=rs.getString("Age") %><br/> 
<% 


String sql="delete from student where ID=6 "; 
if(dbconn.delete(sql)==1){ 
out.println(" 删 除 id=6 的 数据 成 功 !"); 
} 
dbconn.close(); 
%> 
<br/> 
<a href="studentSelect.jsp"> 显 示 所 有 学 生 信息 </a> 
</body> 
</html> 


运行 结果 如 图 7-69 所 示 。 
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图 7-68 更 新 页 面 的 运行 结果 图 7-69 删除 页 面 的 运行 结果 


上 述 代码 中 ， 在 插入 、 更 新 、 删 除 页 面 中 都 需要 通过 查询 页 面 来 查看 是 否 已 经 生效 ， 
虽然 查询 页 面 设 计 简单 ， 但 它 是 数据 库 查 询 、 插 入 、 更 新 、 删 除 操作 不 可 缺少 的 功能 。 


326 


第 7 章 基于 JSP 的 服务 器 庙 程序 设计 各 


7.9 开发 范例 


限于 篇 幅 ， 本 节 以 会 员 管理 系统 为 例 ， 学 习 如 何 使 用 Eclipse 编写 服务 器 端 JSP 程序 。 
(1) 建立 项 目 。 首 先 使 用 Eclipse 建立 一 个 动态 网 站 项 目 ， 命 名 为 MemberManager， 
具体 步骤 请 参考 前 面 章节 ; 然后 在 Eclipse 的 WebContent/WEB-INF/Lib 文件 夹 下 加 入 
jtds-1.2.jar， 这 样 就 保证 了 之 后 需要 进行 的 数据 库 连接 部 分 不 会 出 现 问 题 。 
(2) 建立 数据 库 。 本 例 使 用 的 是 MS SQL Server 2000， 账 户 为 sa， 密 码 为 saa， 数据 库 
名 为 Member， 其 中 包含 一 个 表 Users， 可 以 执行 以 下 SQL 语句 来 生成 数据 库 和 表 : 


CREATE DATABASE Member 

USE Member 

CREATE TABLE [dbo].[Users] ( 
[id] [bigint] IDENTITY (1, 1) NOT NULL ， 
[username] [varchar] (20) COLLATE Chinese_PRC_CI_AS NOT NULL ， 
[password] [varchar] (20) COLLATE Chinese_PRC_CIL_AS NOT NULL ， 
[rights] [char] (1) COLLATE Chinese_PRC_CL AS NOT NULL ， 
[email] [varchar] (50) COLLATE Chinese_PRC_CI_AS NOT NULL ， 
[comments] [varchar] (50) COLLATE Chinese_PRC_CI_AS NOT NULL ， 
[loginDateTime] [datetime] NULL ， 
[loginlP] [varchar] (20) COLLATE Chinese_PRC_CIL_AS NULL 

) ON [PRIMARY] 

GO 


图 7-70 SQL Server 企业 管理 器 


(3) 在 Eclipse 中 ， 在 Java Resources 中 建立 一 个 包 ， 命 名 为 member， 在 该 包 下 建立 
一 个 类 ， 命 名 为 DBConnection.java。 其 代码 如 下 : 
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package member; 
import java.sql.”; 
public class DBConnection { 
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Connection con = null; 
Statement stmt = null; 
PreparedStatement ps = null; 
ResultSet rs = null; 
String sql = null; 
String DBDriver = "net.sourceforge.jtds.jdbc.Driver"; 
String url = "jdbc:jtds:sqlserver://localhost:1433/Member"; 
String username = "sa"; // 用 户 名 
String password = "sa"; // 用 户 密码 
public DBConnection() { 
》 
public void getConnection() { 
try{ 
Class.forName(DBDriver); // 载 入 驱动 程序 
} catch (ClassNotFoundException e1){ 
System.out.printf("Not Found The Class of The %s\n",DBDriver); 
e1.printStackTrace(); 
} 
try{ 
con=DriverManager.getConnection(url,username,password); 
}catch(Exception e){ 
System.out.println(" 连 接 数据 库 服务 器 失败 。"); 
e.printStackTrace(); 
} 
} 
public ResultSet executeQuery(String sql) {// 查 询 数 据 
try {stmt=con.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE, 
ResultSet.CONCUR_READ_ONLY); 
rs=stmt.executeQuery(sql); 
catch(Exception e){ 
e.printStackTrace(); 
》 
return rs; 
} 
public void closeConn() {// 关 闭 数据 库 连接 并 释放 资源 
try{ 
if (rs!=null) { 
rs.close(); 


rs=null; 


} 
if (stmt!=null) { 


第 7 章 基于 JSP 的 服务 器 端 程序 设计 名 


stmt.close(); 
stmt=null; 

} 

if (ps!=null) { 
ps.close(); 
ps=null; 

} 

if (con!=null) { 
con.close(); 
con=null; 


} 
catch(Exception e) { 
e.printStackTrace(); 
} 
finally { 
con=null; 


(4) 在 Eclipse 中 ， 在 Java Resources 中 的 member 包 下 建立 另 一 个 类 ， 命 名 为 Userjava。 
其 代码 如 下 : 


package member; 
import java.sql.*; 
public class User { 
private String username; // 用 户 名 称 
private String loginlP; /用户 IP 
private String loginDateTime; // 用 户 登录 日 期 时 间 
Connection con = null; 
Statement stmt = null; 
PreparedStatement ps = null; 
ResultSet rs = null; 
public User() { 
username = 
loginIP = ™; 
loginDateTime = ""; 


} 
public String getUsername() { 


return username; 


3 
public void setUsername(String user) { 
username = user; 


: 
public String getLoginIP(){ 
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return loginlP; 
a 
public void setLoginlP(String userlP) { 
loginlP = userlP; 
} 
public String getLoginDateTime() { 
return loginDateTime; 
} 
public void setLoginDateTime(String currentDateTime) { 
loginDateTime = currentDateTime; 


} 
// 检 查 用 户 是 否 存在 
public boolean userExist(String username) { 
boolean exist = false; 
String sql = "select * from Users where username=?"; // 构 造 查询 SQL 语句 
DBConnection dbConnection = new DBConnection(); 
dbConnection.getConnection(); 
try{ 
con = dbConnection.con; 
ps = con.prepareStatement(sql); 
ps.setString(1, username); 
rs = ps.executeQuery(); 
if (Irs.next()) { 
exist = true; 
} 
} 
catch (SQLException e) { 
e.printStackTrace(); 
} 
finally { 
dbConnection.closeConn(); 
} 
return exist; 
} 
/| 判断 用 户 是 否 合法 
public boolean isValidUser(String username, String password){ 
boolean isValid = false; 
String sql = "select * from Users where username=? and password=?"; // 构 造 查询 SQL 语句 
DBConnection dbConnection = new DBConnection(); 
dbConnection.getConnection(); 
try{ 
con = dbConnection.con; 


ps = con.prepareStatement(sql); 
ps.setString(1, username); 
ps.setString(2, password); 
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rs = ps.executeQuery(); 
if (rs.next()) { 
isValid = true; 
} 
} 
catch (SQLException e){ 
e.printStackTrace(); 
finally { 
dbConnection.closeConn(); 
return isValid; 
} 
// 获 取 用 户 权限 
public String userRights(String username, String password) { 
String rights = null; 
String sql = "select rights from Users where username=? and password=?"; 
// 构 造 查询 SQL 语句 
DBConnection dbConnection = new DBConnection(); 
dbConnection.getConnection(); 
try{ 
con = dbConnection.con; 
ps = con.prepareStatement(sql); 
ps.setString(1, username); 
ps.setString(2, password); 
rs = ps.executeQuery(); 
if (rs.next()) { 
rights = rs.getString("rights"); 
} 


» 
catch (SQLException e){ 


e.printStackTrace(); 
}inally { 
dbConnection.closeConn(); 
} 
return rights; 
} 
/保存 用 户 登录 信息 
public void saveUserLoginlnfo(String currentDateTime, String userlP, String username) { 
String sql = "update Users set loginDateTime = ? ,loginIP= ? where username = ?"; 
// 构 造 更 新 SQL 语句 
DBConnection dbConnection = new DBConnection(); 
dbConnection.getConnection(); 
try{ 
con = dbConnection.con; 
ps = con.prepareStatement(sql); 
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ps.setString(1, currentDateTime); 
ps.setString(2, userlP); 
ps.setString(3, username); 
ps.executeUpdate(); 
} 
catch (SQLException e) { 
e.printStackTrace(); 
} 
finally { 
dbConnection.closeConn(); 
} 
} 
/用 户 注册 
public boolean registerUser(String username, String password, String email) { 


/构造 更 新 SQL 语句 
DBConnection dbConnection = new DBConnection(); 
dbConnection.getConnection(); 
try{ 
con = dbConnection.con; 
ps = con.prepareStatement(sql); 
ps.setString(1, username); 
ps.setString(2, password); 
ps.setString(3, email); 
ps.executeUpdate(); 
} 
catch (SQLException e) { 
e.printStackTrace(); 
return false; 
} 
finally { 
dbConnection.closeConn(); 
return true; 


} 
/删除 用 户 


public boolean delUser(String username){ 
String sql = "delete from Users where username= ?"; /构造 更 新 SQL 语句 
DBConnection dbConnection = new DBConnection(); 
dbConnection.getConnection(); 
try{ 
con = dbConnection.con; 
ps = con.prepareStatement(sql); 
ps.setString(1, username); 
ps.executeUpdate(); 


332 


第 7 章 基于 JSP 的 服务 器 端 程序 设计 名 


a 
catch (SQLException e) { 
e.printStackTrace(); 
return false; 
3} 
finally { 
dbConnection.closeConn(); 
return true; 
} 
// 获 取 当 前 日 期 时 间 
public String getCurrentDateTime() { 
java.util.Date DateTime=new java.util.Date();// 设 置 日 期 时 间 格 式 
java.text.SimpleDateFormat currentDateTime=new java.text.SimpleDateFormat("yyyy-MM- 
dd hh:mm:ss"); 
return currentDateTime.format(DateTime);// 获 取 当 前 日 期 时 间 


(5) 在 Eclipse 中 ,在 WebContent 文件 夹 下 建立 另 一 个 jsp 页面 文件 ， 命 名 为 main.jsp 
作为 主页 。 其 代码 如 下 : 


<%@ page contentType="text/html;charset=gb2312" import="java.sql.*"%> 
<jsp:useBean id="User" scope="session" class="member.User"/> 

<html> 

<head> 

<title>Home 主页 </title> 

</head> 

<body> 

<center><font size=2> 

<a href="main.jsp">Home</a>&nbsp;&nbsp; 
<%if(user.userExist((String)session.getAttribute("username"))) 


{ 
%> 
<a href="register.jsp"> 注 册 </a> 
<a href="login.jsp"> 登 录 </a> 
<% 
out.printin("<br/> 请 登录 ! 非 注册 会 员 不 可 以 查看 信息 <br/>"); 
jelse{ 
%> 
<a href="logout.jsp"> 注 销 </a> 
<br> 登 录用 户 信息 一 览 表 <br> 
<% 
// 获 取 登 录用 户 信息 


String username=(String)session.getAttribute("username");// 获 取 用 户 名 
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<%=| 


String rights=(String)session.getAttribute("rights");// 获 取 用 户 权 限 
String loginDateTime=user.getLoginDateTime();// 获 取 用 户 登录 日 期 时 间 
String loginIP=user.getLoginIP();// 获 取 用 户 IP 

%> 


</font><p/> 


<font size=2 color="blue"> 用 户 登 录 信 息 : 用 户 名 : <%=username%>&nbsp;&nbsp; 用 户 权限 : 
rights%>&nbsp;&nbsp; 登 录 日 期 时 间 : <%=loginDateTime%>&nbsp;&nbsp; 用 户 IP: <%=loginIP%> 


</font> 
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<table width="650" border="0" bgcolor="#FFFFFF" cellspacing="1" align="center"> 
<tr style='font-size:9pticolor:#FF6600' bgcolor='#88D85A' align='center> 
<td> 用 户 名 </td> 
<td> 用 户 权限 </td> 
<td>email</td> 
<td> 上 次 登录 时 间 </td> 
<td> 上 次 登录 IP</td> 
<% if(rights.equals("2")X{ 
out.printin("<td> 操 作 </td>"); 
} 
%> 
</tr> 
<% 
member.DBConnection dbConnection=new member.DBConnection(); 
/获取 数据 库 访 问 对 象 DBConnection 实例 dbConnection 
dbConnection.getConnection();// 调 用 DBConnection 数据 库 连 接 方法 
String sql="select username,rights,email,loginDateTime,loginlP from Users"; 
ResultSet rs=dbConnection.executeQuery(sql);// 调 用 DBConnection 数据 查询 方法 
if (rs.wasNull()) out.printin("rs is NULL............ he 
boolean ifNext=false; 
while (ifNext=rs.next()){ 
%> 
<tr style='font-size:9pt;' align="left"> 
<td><%=rs.getString("username")%></td> 
<td><% 
if(rs.getString("rights").equals("1"))out.printin(" 普 通 会 员 "); 
else if(rs.getString("rights").equals("2"))out.printin(" 管 理 员 "); 
else out.printin(" 权 限 错误 "); 
%></td> 
<td><%=rs.getString("email")%></td> 
<td><%=rs.getString("loginDateTime")%></td> 
<td><%=rs.getString("loginlP")%></td> 
<% if(rights.equals("2")\{ 


String delUserUr=String.format("<td><a href='delUserjsp?usemame=%s'>",rs.getString("username")); 
out.printIn(delUserUrl+" 删 除 此 用 户 </a></td>"); 


} 
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%> 

</tr> 

<%} 

dbConnection.closeConn();// 调 用 DBConnection 关闭 数据 库 连 接 方法 
» 

%> 

</table> 

</center> 

</body> 

</html> 


其 页 面 显示 为 当 普通 用 户 登录 时 出 现 的 显示 页 面 ， 如 图 7-71 所 示 。 
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图 7-71 登录 显示 页 面 


如 果 是 管理 员 ， 则 还 会 在 每 个 用 户 的 后 面 多 显示 一 个 “删除 此 用 户 ” 链 接 。 如 果 没有 
登录 就 访问 了 此 页 面 ， 则 会 提示 “请 登录 ! 非 注册 会 员 不 可 以 查看 信息 ”。 
(6) 新 建 一 个 login.jsp 页 面 ， 起 到 会 员 登录 的 作用 。 其 代码 如 下 : 


<%@ page contentType="text/html;charset=gb2312" import="java.sql.*"%> 
<jsp:useBean id="User" scope="session" class="member.User"/> 
<%@ page errorPage="error.jsp"%> 
<html> 
<head> 
<title> 用 户 登录 </title> 
<script language="javascript"> 
function checkform()// 验 证 输入 数据 的 合法 性 
{ 
if (form1.username.value=="™") { 

alert(" 用 户 名 不 能 为 空 。"); 

form1.username.focus(); 

return false; 
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if (form1.username.value.length<1||form1.username.value.length>20) { 
alert(" 用 户 名 超出 了 范围 (1~20)。"); 
form1.username.focus(); 
return false; 
if (form1.password.value=="") { 
alert(" 密 码 不 能 为 空 。"); 
form1.password .focus(); 
return false; 
} 
if (form1.password.value.length<1||lform1.password.value.length>20) { 
alert(" 密 码 超出 了 范围 (1~20)。"); 
form1.password.focus(); 
return false; 


} 
</script> 
</head> 
<body> 
<p><b><font size=2 color='#FF6600'> 用 户 登 录 </font></b></p> 
<form name="form1" method="post" action="isLogin.jsp" onsubmit="return checkform()"> 
<table style='font-size:9pt;'width="320" border="0" bgcolor="#B8D85A" cellspacing="1" cellpadding= 
"1" align="center"> 
<tr align="center"> 
<td colspan="2"> 
<p><br></p> 
</td> 
</tr> 
<tr> 
<td width="140" align="right"> 用 户 名 : </td> 
<td width="250" valign="top"> 
<input type="text" name="username" size="16" maxlength="25"> 
</td> 
</tr> 
<tr> 
<td width="140" align="right"> 密 &nbsp;&nbsp; 码 : </td> 
<td width="250" valign="top"> 
<p><input type="password" name="password" size="16" maxlength="25"></p> 
</td> 
</tr> 
<tr> 
<td width="140" align="right">&nbsp;</td> 
<td width="250" valign="top"> 
<p/><br> 
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<input type="submit”name="submit”value=" 登录 "style='font-size:9pt;' ondlick="javascript: 
return(checkform());">&nbsp;&nbsp;&nbsp; 
<input type="reset" name="reset" value=" 取 消 " style='font-size:9pt;'> 
</td> 
</tr> 
<tr> 
<td colspan="2" align="center"> 
<p><br> 如 果 您 还 不 是 本 站 会 员 用 户 ， 请 在 此 <a href="login.jsp"> 注 册 </a></p> 
<p></p> 
</td> 
</tr> 
</table> 
</form> 
</body> 
</html> 


其 运行 结果 如 图 7-72 所 示 。 
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图 7-72 ”login.jsp 页 面 的 显示 结果 


单 击 “ 登 录 ” 按 钮 就 会 跳 转 到 isLogin.jsp 页 面 进行 验证 ， 如 果 成 功 ， 则 跳 转 到 主页 ; 
如 果 失 败 ， 则 跳 转 到 显示 错误 的 页 面 。isLogin.jsp 页 面 的 代码 如 下 : 


<%@page contentType="text/html;charset=gb2312"%> 
<%@ page import="java.sql.*"%> 
<%@ page import="java.util.*"%> 
<%@ page import="java.text.*"%> 
<jsp:useBean id="user" scope="session" class="member.User"/> 
<% 
String username,password; 
// 用 户 登录 验证 


if(request.getParameter("username")=="") {username="NULL";password="NULL";} 
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else{ 
username=new String(request.getParameter("username").trim().getBytes("|SO-8859-1")); 
password=new String(request.getParameter("password").trim().getBytes("ISO-8859-1")); 
if(user.userExist(username)){ 
response.sendRedirect("error.jsp?errorMessage=User is not valid."); 
else if (Iuser.isValidUser(username,password)}{ 
response.sendRedirect("error.jsp?errorMessage=Password is not valid."); 
} 
else{ 
session.setAttribute("username",username);// 保 存 用 户 名 
String rights=user.userRights(username,password);// 获 取 用 户 权限 
session.setAttribute("rights",rights);// 设 置 用 户 权限 
String loginIP=request.getRemoteAddr();// 获 取 用 户 IP 
user.setLoginlP(loginlP);// 设 置 用 户 IP 
String loginDateTime=user.getCurrentDateTime();// 获 取 当 前 日 期 时 间 
user.setLoginDateTime(loginDateTime);// 设 置 用 户 登录 日 期 时 间 
user.saveUserLoginInfo(loginDateTime,loginlP,username);// 保 存 用 户 登录 信息 
response.sendRedirect("main.jsp");// 打 开 主 页 面 
} 


%> 
(7) errorjsp 页 面 根据 传 入 的 参数 显示 错误 信息 ， 其 代码 如 下 : 


<%@ page contentType="text/html; charset=gb2312" language="java" import= "java.sql.”"%> 

<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html;charset=gb2312"> 

<title> 错 误 信 息 </title> 

</head> 

<body> 

<% 

String error=new String(request.getParameter("errorMessage").trim().getBytes("ISO-8859-1")); 

%> 

<p>&nbsp;</p> 

<center> 

<font size=2> 系 统 提 示 : 用 户 名 不 存在 或 密码 错误 。<br> 

<br><%=error%><br> 

<br> 如 果 您 还 不 是 本 站 会 员 用 户 ， 请 在 此 <a href="register.jsp"> 注 册 </a>&nbsp;&nbsp;<a href= 
"loginjsp"> 重 新 登录 </a></font> 

</center> 

</body> 

</html> 


errorjsp 页 面 的 运行 结果 如 图 7-73 所 示 。 
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系统 提示 : 用 户 名 不 存在 或 密码 错误 - 


User is not valid 


如 果 您 还 不 是 本 站 会 员 用户 ， 请 在 此 注册 ”重新 登录 


图 7-73 ”errorjsp 页 面 的 运行 结果 
(8) registerjsp 是 用 户 注 册 的 页 面 ， 其 代码 如 下 : 


<%@ page contentType="text/html;charset=gb2312" import="java.sql.*"%> 
<jsp:useBean id="User" scope="session" class="member.User"/> 
<%@ page errorPage="errorjsp"%> 
<html> 
<head> 
<title> 用 户 注册 </title> 
<script language="javascript"> 
function checkform()// 验 证 输入 数据 的 合法 性 
{ 
if (form1.username.value=="™"){ 

alert(" 用 户 名 不 能 为 空 。"); 

form1.username.focus(); 

return false; 


} 
if (form1.username.value.length<1|lform1.username.value.length>20) { 
alert(" 用 户 名 超出 了 范围 (1~20)。"); 
form1.username.focus(); 
return false; 
} 
if (form1.password.value=="") { 
alert(" 密 码 不 能 为 空 。"); 
form1.password .focus(); 
return false; 
} 
if (form1.password.value.length<1||form1.password.value.length>20) { 
alert(" 密 码 超出 了 范围 (1~20)。"); 
form1.password.focus(); 
return false; 
} 
} 
</script> 
<style type="text/css"> 
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fontCenter { 
text-align: center; 
font-size: 12px; 
} 
fontSmall { 
font-size: 12px; 
} 
</style> 
</head> 
<body> 
<p class="fontCenter"><b><font color='#FF6600' size=2 class="fontCenter"> 用 户 注 册 </font></b></p> 
<form name="form1" method="post" class="fontCenter" action="regokjsp" onSubmit="retum checkform()"> 
<table width="300"> 
<tr> 
<td width="63" class="fontSmall" > 用 户 名 </td> 
<td width="225"><input name="username'" type="text"></td> 
</tr> 
<tr> 
<td class="fontSmall"> 密 码 </td> 
<td><input name="password" type="password" ></td> 
</tr> 
<tr> 
<td class="fontSmall"> 邮 件 </td> 
<td><input name="email" type="text"></td> 
</tr> 
<tr> 
<td class="fontSmall"> 提 交 </td> 
<td ><input name="register" type="submit" value=" 注 册 "></td> 
</tr> 
</table> 
</form> 
</body> 
</html> 


运行 结果 如 图 7-74 所 示 。 


Java EE - http:// 
DHile dt Jarifate Searsh Broject 


图 7-74 用 户 注册 页 面 的 显示 结果 
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(9) 当 单 击 “ 注 册 ” 按 钮 后 ， 会 跳 转 到 regok.jsp 页 面 ， 如 果 注 册 成 功 ， 则 再 跳 转 到 主 
页 面 ， 否 则 跳 转 到 显示 错误 的 页 面 。regok.jsp 页 面 的 代码 如 下 : 


<%@page contentType="text/html;charset=gb2312"%> 
<%@ page import="java.sql.*"%> 
<%@ page import="java.util.*"%> 
<%@ page import="java.text.*"%> 
<jsp:useBean id="user" scope="session" class="member.User"/> 
<% 
String username,password,email; 
if(request.getParameter("username")=="") { 
out.println("Not receive username param.."); 
username="NULL"; 
password="NULL"; 
email="NULL"; 
ll response.sendRedirect("main.jsp"); 
jelse{ 
username=new String(request.getParameter("username").trim().getBytes("ISO-8859-1")); 
password=new String(request.getParameter("password").trim().getBytes("ISO-8859-1")); 
email=new String(request.getParameter("email").trim().getBytes("|ISO-8859-1")); 
}》 


if(luser.userExist(username)){ 
response.sendRedirect("errorjsp?errorMessage=User is exist."); 
} else{ 
if(user.registerUser(username,password,email)) 
out.println(" 注 册 成 功 ! <br/>"); 
else out.println(" 注 册 失 败 ! <br/>"); 
String str=String.format("isLogin.jsp?username=%s&password=%s",username,password); 
response.sendRedirect(str); 


} 


%> 
〈10) logoutjsp 页 面 可 以 让 登录 用 户 注销 登录 ， 其 代码 如 下 : 


<%@page contentType="text/html;charset=gb2312"%> 

<%@ page import="java.sql.*"%> 

<%@ page import="java.util.*"%> 

<%@ page import="java.text.*"%> 

<jsp:useBean id="user" scope="session" class="member.User"/> 


<html> 

<head> 
<title> 注 销 登 录 </title> 
</head> 

<body> 

<center> 


<% 


341 


ee 


全 Web 开发 实用 技术 基础 


String str=new String(); 
str=(String)session.getAttribute("username"); 
if (str!=null) 
{ 
if(!str.isEmpty()) 
‘ 
session.removeAttribute("username");// 清 除 用 户 名 
session.removeAttribute("rights");// 清 除 用 户 权 限 
out.printIn(" 注 销 成 功 <br/>"); 
}else{ 
out.printIn(" 你 还 没有 登录 <br/>"); 
} 
}else{ 
out.printIn(" 你 还 没有 登录 <br/>"); 
} 
%> 
<a href="loginjsp"> 登 录 </a><br/> 
<a href="main.jsp"> 返 回 主页 </a> 
</center> 
</body> 


error 页 面 的 显示 结果 如 图 7-75 所 示 。 
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系统 提示 用 户 名 不 存在 或 窗 码 错误 。 


User is not valid. 


如 果 您 还 不 是 本 站 会 员 用 户 ， 清 在 此 注册 


图 7-75 ”error 页 面 的 显示 结果 
(11) delUserjsp 根据 传 入 的 参数 删除 响应 的 用 户 信 息 ， 其 代码 如 下 : 


<%@page contentType="text/html;charset=gb2312"%> 

<%@ page import="java.sql.*"%> 

<%@ page import="java.util.*"%> 

<%@ page import="java.text.*"%> 

<jsp:useBean id="user" scope="session" class="member.User"/> 
<html> 

<head> 

<title> 管 理 员 删除 用 户 操作 </title> 
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</head> 
<body> 
<% 
String username,password; 
// 用 户 登录 验证 
if(request.getParameter("username")=="") {username="NULL";password="NULL"; 
response.sendRedirect("errorjsp?errorMessage= 非 法 的 操作 .");} 
else{ 
username=new String(request.getParameter("username").trim().getBytes("|SO-8859-1")); 
)》 
String rights=(String)session.getAttribute("rights"); 
if(rights.equals("2")}{ 
if(luser.userExist(username)}{ 
if(user.delUser(username)) 
out.println(" 删 除 用 户 "+username+" 成 功 ! <br/>"); 
else out.println(" 删 除 用 户 "+username+" 不 成 功 ! <br/>"); 
}else{ 
response.sendRedirect("error.jsp?errorMessage=User is not valid."); 
} 
} 
%> 
<a href="main.jsp"> 返 回 主页 </a> 
</body> 


7.10 小 结 


本 章 主要 讲解 了 JSP 的 概况 、JDK 的 获取 和 安装 、Tomcat 服务 器 的 下 载 和 配置 、JSP 


的 开发 环境 Eclipse 的 配置 、JSP 的 基础 知识 、JSP 的 内 置 对 象 、4 种 JDBC 驱动 程序 (分别 
为 DBC-ODBC Bridge、JDBC-Native API Bridge、JDBC-middleware 和 PureJDBC-Driver)、 
DriverManager 类 方法 、 使 用 JDBC 连接 4 种 数据 库 的 方法 、 用 JavaBean 封装 服务 器 数据 库 
等 内 容 ， 最 后 用 一 个 会 员 管理 系统 作为 范例 ， 详 细 介 绍 了 如 何在 Eclipse 环境 下 编写 JSP 动 
态 网 页 。 


由 于 篇 幅 有 限 ， 本 章 不 能 涵盖 所 有 的 JSP 的 内 容 ， 但 对 于 一 个 初学 者 来 说 ， 学 习 本 章 


后 ， 会 掌握 JSP 基础 知识 并 能 够 编写 基于 JSP 的 服务 器 端 程序 。 


1. 与 传统 的 CGI 方式 相 比 ，JSP 具有 哪些 特点 ? 
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. 简 述 运行 JSP 程序 的 环境 。 为 什么 要 配置 环境 变量 ? 
.Tomcat 与 Eclipse 是 如 何 关联 的 ? 
JSP 包括 哪些 常用 的 指令 ? 
. scope 作用 域 的 取 值 及 有 效 范围 是 什么 ? 
. JDBC 的 4 种 驱动 程序 的 含义 是 什么 ? 
.如 何 通过 JDBC 连接 SQL Server 2000 数据 库 st 中 的 student 表 ? 
。 为 什么 要 通过 JavaBean 组 件 封装 数据 库 访 问 ? 
9. JavaBean 组 件 与 JSP 网 页 之 间 是 如 何 关联 的 ? 
10. 设计 一 个 基于 JSP 的 学 生成 绩 管理 系统 ， 使 得 管理 员 用 户 具 有 添加 、 查 询 、 删 除 
学 生成 绩 权 限 ; 一 般 学 生 用 户 只 有 查询 该 学 生成 绩 的 权限 。 
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